Javascript 错误处理：try throw catch

wx_lidysun

于 2016-11-02 11:38:50 发布

阅读量362

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/lidysun/article/details/53006512

Javascript 专栏收录该内容

41 篇文章

订阅专栏

<body>
    <p>请输入1~10的数字：</p>
    <input id="input" type="text" onfocus="clearAll(this)">
    <input type="button" value="校验" onclick = "check()">
    <p id="msg"></p>
</body>

<script>
    function check(){
        try{
            var x = document.getElementById("input").value;
            if(x==""){throw "值为空！";}
            if(isNaN(x)){throw "不是数字！";}
            if(x<1){throw "数字太小！";}
            if(x>10){throw "数字太大！";}

        }
        catch(error){
            var y = document.getElementById("msg");
            y.innerHTML = "错误：" + error ;
        }
    }
    function clearAll(x){
        x.value="";
    }
</script>