【代码笔记】Web-JavaScript-JavaScript错误

一，效果图。

二，代码。

复制代码
<!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>
复制代码

 

参考资料：《菜鸟教程》

posted @ 2018-12-29 09:21  花儿迎风笑  阅读(182)  评论(0)  编辑  收藏  举报