Javascript异常捕获

最新推荐文章于 2023-08-01 18:30:00 发布

UIEngineer

最新推荐文章于 2023-08-01 18:30:00 发布

阅读量216

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript高级 es5/es6

本文链接：https://blog.youkuaiyun.com/zjsfdx/article/details/79190179

javascript高级 es5/es6 专栏收录该内容

43 篇文章

订阅专栏

本文通过两个实例展示了如何在HTML页面中使用JavaScript进行异常处理。第一个案例直接在页面加载时触发未定义变量的异常并捕获。第二个案例则是在用户交互（点击按钮）时检查表单输入是否为空，并在为空时抛出并捕获异常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

案例1：
index.html代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>

<body>
    <script>
        function demo(){
            try{
                alert(str);
            }catch(err){
                alert(err);
            }
        }
        demo();
    </script>
</body>
</html>

这里写图片描述

案例2：
index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>

<body>
    <form>
        <input id="txt" type="text" />
        <input id="btn" type="button" onclick="demo()" value="按钮" />
    </form>
    <script>
        function demo(){
            try{
                var e = document.getElementById("txt").value;
                if(e == ""){
                    throw "请输入";
                }
            }catch(err){
                alert(err);
            }
        }
    </script>
</body>
</html>

这里写图片描述