try{}、catch(){}、throw语句

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Throw 语句</title>
    <script type="text/javascript">
        function myFunction(){
            try{
            var x=document.getElementById("demo").value;
            if(x==null) throw "输入的值为空。";
            if(x<5) throw "你输入的数字小于5。";
            if(x>10) throw "你输入的数字大于10。";
            if(isNaN(x)) throw "你输入的不是数。";
            if(x>=5&&x<=10) throw "你输入的数字符合条件!"
            }
        // try的主要作用是包裹需要检查的代码段,其中的throw是创建自定义的错误,这个错误是可以被catch抓取的
        catch(error){
            var y=document.getElementById("shu");
            y.innerHTML="检查结果:"+error;
        }
        // catch(error)抓取错误并且将错误信息存储在error内,此时error是个变量
        }
    </script>
</head>
<body>
    <h1>这是一个JavaScript程序</h1>
    <p>请输入5到10的数字</p>
    <input type="text" id="demo"></input>
    <button onclick="myFunction()">测试输入的值</button>
    <p id="shu"></p>
</body>
</html>

这里结合了 throw语句、catch()语句和try语句

posted on 2016-03-26 17:43  YYB_IT  阅读(314)  评论(0编辑  收藏  举报