溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“JavaScript中Try…Catch語句的用法”，在日常操作中，相信很多人在JavaScript中Try…Catch語句的用法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中Try…Catch語句的用法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
文章目錄
語法：
Previous Page
Next Page
try...catch 的作用是測試代碼中的錯誤。
try...catch 語句
如何編寫 try...catch 語句。
帶有確認框的 try...catch 語句
另一個編寫 try...catch 語句的例子。
當我們在網上沖浪時，總會看到帶有 runtime 錯誤的 Javascript 警告框，同時會詢問我們“是否進行 debug？”。像這樣的錯誤信息或許對開發人員有用，對用戶則未必。當錯誤發生時，他們往往會選擇離開這個站點。
本節向你講解如何捕獲和處理 Javascript 的錯誤消息，這樣就可以為受眾提供更多的便利。
有兩種在網頁中捕獲錯誤的方法：
使用 try...catch 語句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。這是用于捕獲錯誤的老式方法。(Netscape 3 以后的版本可用)
注意：chrome、opera 和 safari 瀏覽器不支持 onerror 事件。
try...catch 可以測試代碼中的錯誤。try 部分包含需要運行的代碼，而 catch 部分包含錯誤發生時運行的代碼。
try{
//在此運行代碼
}catch(err){
//在此處理錯誤
}注意：try...catch 使用小寫字母。大寫字母會出錯。
下面的例子原本用在用戶點擊按鈕時顯示 "Welcome guest!" 這個消息。不過 message() 函數中的 alert() 被誤寫為 adddlert()。這時錯誤發生了：
<html>
<head>
<script type="text/javascript">
function message()
{
adddlert("Welcome guest!")
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>我們可以添加 try...catch 語句，這樣當錯誤發生時可以采取更適當的措施。
下面的例子用 try...catch 語句重新修改了腳本。由于誤寫了 alert()，所以錯誤發生了。不過這一次，catch 部分捕獲到了錯誤，并用一段準備好的代碼來處理這個錯誤。這段代碼會顯示一個自定義的出錯信息來告知用戶所發生的事情。
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{try
{
adddlert("Welcome guest!")
}catch(err)
{
txt="此頁面存在一個錯誤。\n\n"
txt+="錯誤描述: " + err.description + "\n\n"
txt+="點擊OK繼續。\n\n"
alert(txt)
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>TIY
下一個例子會顯示一個確認框，讓用戶來選擇在發生錯誤時點擊確定按鈕來繼續瀏覽網頁，還是點擊取消按鈕來回到首頁。如果 confirm 方法的返回值為 false，代碼會把用戶重定向到其他的頁面。如果 confirm 方法的返回值為 true，那么代碼什么也不會做。
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{try
{
adddlert("Welcome guest!")
}catch(err)
{
txt="There was an error on this page.\n\n"
txt+="Click OK to continue viewing this page,\n"
txt+="or Cancel to return to the home page.\n\n"
if(!confirm(txt))
{
document.location.href="http://www.w3school.com.cn/"
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>到此，關于“JavaScript中Try…Catch語句的用法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
