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

版权声明:本文为博主原创文章,未经博主允许不得转载。 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>

复制代码

参考资料:《菜鸟教程》

猜你喜欢

转载自blog.csdn.net/fanqingtulv/article/details/85334011