DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript Try...Catch 聲明的 使用方法
JavaScript Try...Catch 聲明的 使用方法
編輯:JavaScript基礎知識     
try...catch的作用是測試代碼中的錯誤。
實例
try...catch聲明 
如何編寫try...catch聲明。 
帶有確認框的try...catch聲明 
另一個編寫try...catch聲明的例子。 JavaScript - 捕獲錯誤
當我們在網上沖浪時,總會看到帶有runtime錯誤的Javascript警告框,同時會詢問我們“是否進行debug?”。像這樣的錯誤信息或許對開發人員有用,對用戶則未必。當錯誤發生時,他們往往會選擇離開這個站點。
本節向你講解如何捕獲和處理Javascript的錯誤消息,這樣就可以為受眾提供更多的便利。
有兩種在網頁中捕獲錯誤的方法:
使用try...catch聲明。(在IE5+、Mozilla 1.0、和Netscape 6中可用) 
使用onerror 事件。這是用於捕獲錯誤的老式方法。(Netscape 3以後的版本可用) 
Try...Catch 聲明
try...catch可以測試代碼中的錯誤。try部分包含需要運行的代碼,而catch部分包含錯誤發生時運行的代碼。
語法:
try
{
   //在此運行代碼
}
catch(err)
{
   //在此處理錯誤
}注意:try...catch使用小寫字母。大寫字母會出錯。
實例 1
下面的例子原本用在用戶點擊按鈕時顯示"Welcome guest!"這個消息。不過message()函數中的alert()被誤寫為adddlert()。這時錯誤發生了:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
我們可以添加try...catch聲明,這樣當錯誤發生時可以采取更適當的措施。
下面的例子用try...catch聲明重新修改了腳本。由於誤寫了alert(),所以錯誤發生了。不過這一次,catch部分捕獲到了錯誤,並用一段准備好的代碼來處理這個錯誤。這段代碼會顯示一個自定義的出錯信息來告知用戶所發生的事情。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]實例 2
下一個例子會顯示一個確認框,讓用戶來選擇在發生錯誤時點擊確定按鈕來繼續浏覽網頁,還是點擊取消按鈕來回到首頁。如果confirm方法的返回值為false,代碼會把用戶重定向到其他的頁面。如果confirm方法的返回值為true,那麼代碼什麼也不會做。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved