js 利用throw 写的一个小程序

在下边的小程序中比较特殊的是使用isNaN()函数判断一个参数是不是数字，

 1 <!DOCTYPE html>
 2 <!DOCTYPE html>
 3 <html>
 4 <head>
 5     <title></title>
 6 
 7 <script type="text/javascript">
 8     function myFunction() {
 9 
10 var str = document.getElementById('demo').value;
11         try {
12             if (str == "") {
13                 throw "值不能为空";
14             }
15 
16             if (isNaN(str)) {
17                 throw  "不是数字";
18             }
19 
20             if (str > 10) {
21                 throw  "太大";
22             }
23 
24             if (str < 5) {
25                 throw "太小";
26             }
27 
28             
29         var y = document.getElementById('message');
30             y.innerHTML = str;
31         } catch(e) {
32             var y = document.getElementById('message');
33             y.innerHTML = "error:" + e;
34             console.log(e);
35         }
36 
37 
38     }
39 </script>
40 </head>
41 <body>
42 
43 <h1>这是我写的第一个利用抛异常的程序</h1>
44 <p>在下边的方框中输入5~10之间的数字</p>
45 <input type="text" id="demo"></input>
46 <button type="button" onclick="myFunction()">点击显示结果</button>
47 <p id = "message"></p>
48 </body>
49 </html>

 

posted @ 2016-03-02 14:20  马在路上  阅读(821)  评论(0)  编辑  收藏  举报