<!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语句