js的try catch

try测试代码块的错误。

catch语句处理错误。

throw创建并跑出错误。


try

  {

  //在这里运行代码

    抛出错误

  }

catch(err)

  {

  //在这里处理错误

  }

下面是一个实例：

<body>
<html>
<p>请输出一个 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="mess"></p>
</body>
</html>
<script type="text/javascript">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");    //抓住上面throw抛出的错误，给p标签显示

        y.innerHTML="错误："+ err +"。";

    }

}</script>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容