JavaScript 簡介（第三節）

標籤：測試   body   isnan   on()   第一個   dem   inpu   src   innerhtml   

1.try..catch..

<body>
<script>
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(e)                      //定義錯誤提示為e
{
var y=document.getElementById("mess");  //讀取顯示錯誤提示的標籤id
y.innerHTML="錯誤：" + e + "。";      //通過e顯示錯誤提示
}
}
</script>
<h1>我的第一個 JavaScript 程式</h1>
<p>請輸入 5 到 10 之間的數字：</p>
<input id="demo" type="text">              <!--輸入值-->
<button type="button" onclick="myFunction()">測試輸入值</button><!--點擊事件-->
<p id="mess"></p>                            <!--顯示錯誤提示-->
</body>

顯示結果：

 

JavaScript 簡介（第三節）