javaScript错误和异常处理

么心么肺

于 2020-07-15 11:39:47 发布

阅读量170

点赞数

分类专栏： JS基础

原文链接：https://www.runoob.com/js/js-errors.html

版权

JS基础专栏收录该内容

21 篇文章

订阅专栏

try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块。
throw 语句允许我们创建自定义错误。

<body>
    <p>不管输入是否正确，输入框都会再输入后清空。</p>
    <p>请输入 5 ~ 10 之间的数字：</p>

    <input id="demo" type="text">
    <button type="button" onclick="myFunction()">点我</button>

    <p id="p01"></p>

    <script>
        function myFunction() {
            var message, x;
            message = document.getElementById("p01");
            message.innerHTML = "";
            x = document.getElementById("demo").value;
            try {
                if (x == "") throw "值是空的";
                if (isNaN(x)) throw "值不是一个数字";
                x = Number(x);
                if (x > 10) throw "太大";
                if (x < 5) throw "太小";
            } catch (err) {
                message.innerHTML = "错误: " + err + ".";
            } finally {
                document.getElementById("demo").value = "";
            }
        }
    </script>

</body>