码迷,mamicode.com
首页 > 其他好文 > 详细

用try catch 实现自定义的错误提示消息

时间:2015-12-25 21:05:01      阅读:314      评论:0      收藏:0      [点我收藏+]

标签:

要实现的效果是这样的,当输入的值不符合要求时,就会在下面输出错误提示信息。

技术分享

代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <script>
 6 function myFunction()
 7 {
 8 try
 9 { 
10 var x=document.getElementById("demo").value;
11 if(x=="")    throw "值为空";
12 if(isNaN(x)) throw "不是数字";
13 if(x>10)     throw "太大";
14 if(x<5)      throw "太小";
15 }
16 catch(err)
17 {
18 var y=document.getElementById("mess");
19 y.style.color="#c33";
20 y.innerHTML="错误:" + err + "。";
21 }
22 }
23 </script>
24 <p>请输入 5 到 10 之间的数字:</p>
25 <input id="demo" type="text">
26 <button type="button" onclick="myFunction()">测试输入值</button>
27 <p id="mess"></p>
28 
29 </body>
30 </html>

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

JavaScript 语句 trycatch 是成对出现的。

throw 语句允许我们创建自定义错误。

正确的技术术语是:创建或抛出异常(exception)。

如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

本例检测输入变量的值。如果值是错误的,会抛出一个异常(错误)。catch 会捕捉到这个错误,并显示一段自定义的错误消息。

用try catch 实现自定义的错误提示消息

标签:

原文地址:http://www.cnblogs.com/hsprout/p/5076904.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!