版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fanqingtulv/article/details/85334011
一,效果图。
二,代码。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 错误</title> <script> var txt = ""; function message() { try { adddlert("welcome guest!"); } catch (err) { txt = "本页有一个错误.\n\n"; txt += "错误描述:" + err.message + "\n\n"; txt += "点击确定继续.\n\n" alert(txt); } } </script> <script> function myFunction() { try { var x = document.getElementById("demo").value; if (x == "") throw "值为空"; if (isNaN(x)) throw "不是数字"; if (x > 10) throw "太大"; if (x < 5) throw "太小"; } catch (err) { var y = document.getElementById("mess"); y.innerHTML = "错误:" + err + "."; } } </script> </head> <body> <input type="button" value="查看消息" onclick="message()" /> <h1>我的第一个javaScript程序</h1> <p>请输入5到10之间的数字</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">测试输入值</button> <p id="mess"></p> </body> </html>
参考资料:《菜鸟教程》