JS异常处理示例

Dosage de fleurs

于 2023-09-19 10:16:25 发布

阅读量81

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/weixin_44032244/article/details/133016262

版权

JavaScript异常处理

<!DOCTYPE html>
<html>

<body>
<p>请输入5-10之间的数字</p>
<input id='demo' type='text'>
<button onclick="myFunction()">测试输入</button>
<p id='message'></p>

<script>

function myFunction(){
	var message, x;
    message = document.getElementById('message');
    //置空，方便显示新的内容
    message.innerHTML='';
    //获取输入框中的内容
    x = document.getElementById('demo').value;
    try{
    //供测试的代码块
      if(x=='') throw '空的';
          if(isNaN(x)) throw '不是数字';
          x = Number(x);
      if(x<5) throw '太小';
      if(x>10) throw '太大';
    }
    catch(err){
    //处理错误的代码块
    	message.innerHTML ='输入是' + err;
    }finally{
    //无论结果如何都执行的代码块
    	document.getElementById("demo").value = "";
    }
}

</script>
</body>
</html>