标签:
要实现的效果是这样的,当输入的值不符合要求时,就会在下面输出错误提示信息。
代码如下:
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 语句 try 和 catch 是成对出现的。
throw 语句允许我们创建自定义错误。
正确的技术术语是:创建或抛出异常(exception)。
如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。
本例检测输入变量的值。如果值是错误的,会抛出一个异常(错误)。catch 会捕捉到这个错误,并显示一段自定义的错误消息。
标签:
原文地址:http://www.cnblogs.com/hsprout/p/5076904.html