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>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容