JavaScript Try...Catch 聲明的 使用方法
更新時間:2007年04月03日 00:00:00 作者:
try...catch的作用是測試代碼中的錯誤。
實例
try...catch聲明
如何編寫try...catch聲明。
帶有確認(rèn)框的try...catch聲明
另一個編寫try...catch聲明的例子。 JavaScript - 捕獲錯誤
當(dāng)我們在網(wǎng)上沖浪時,總會看到帶有runtime錯誤的Javascript警告框,同時會詢問我們“是否進(jìn)行debug?”。像這樣的錯誤信息或許對開發(fā)人員有用,對用戶則未必。當(dāng)錯誤發(fā)生時,他們往往會選擇離開這個站點。
本節(jié)向你講解如何捕獲和處理Javascript的錯誤消息,這樣就可以為受眾提供更多的便利。
有兩種在網(wǎng)頁中捕獲錯誤的方法:
使用try...catch聲明。(在IE5+、Mozilla 1.0、和Netscape 6中可用)
使用onerror 事件。這是用于捕獲錯誤的老式方法。(Netscape 3以后的版本可用)
Try...Catch 聲明
try...catch可以測試代碼中的錯誤。try部分包含需要運(yùn)行的代碼,而catch部分包含錯誤發(fā)生時運(yùn)行的代碼。
語法:
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯誤
}注意:try...catch使用小寫字母。大寫字母會出錯。
實例 1
下面的例子原本用在用戶點擊按鈕時顯示"Welcome guest!"這個消息。不過message()函數(shù)中的alert()被誤寫為adddlert()。這時錯誤發(fā)生了:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我們可以添加try...catch聲明,這樣當(dāng)錯誤發(fā)生時可以采取更適當(dāng)?shù)拇胧?
下面的例子用try...catch聲明重新修改了腳本。由于誤寫了alert(),所以錯誤發(fā)生了。不過這一次,catch部分捕獲到了錯誤,并用一段準(zhǔn)備好的代碼來處理這個錯誤。這段代碼會顯示一個自定義的出錯信息來告知用戶所發(fā)生的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]實例 2
下一個例子會顯示一個確認(rèn)框,讓用戶來選擇在發(fā)生錯誤時點擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁,還是點擊取消按鈕來回到首頁。如果confirm方法的返回值為false,代碼會把用戶重定向到其他的頁面。如果confirm方法的返回值為true,那么代碼什么也不會做。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
實例
try...catch聲明
如何編寫try...catch聲明。
帶有確認(rèn)框的try...catch聲明
另一個編寫try...catch聲明的例子。 JavaScript - 捕獲錯誤
當(dāng)我們在網(wǎng)上沖浪時,總會看到帶有runtime錯誤的Javascript警告框,同時會詢問我們“是否進(jìn)行debug?”。像這樣的錯誤信息或許對開發(fā)人員有用,對用戶則未必。當(dāng)錯誤發(fā)生時,他們往往會選擇離開這個站點。
本節(jié)向你講解如何捕獲和處理Javascript的錯誤消息,這樣就可以為受眾提供更多的便利。
有兩種在網(wǎng)頁中捕獲錯誤的方法:
使用try...catch聲明。(在IE5+、Mozilla 1.0、和Netscape 6中可用)
使用onerror 事件。這是用于捕獲錯誤的老式方法。(Netscape 3以后的版本可用)
Try...Catch 聲明
try...catch可以測試代碼中的錯誤。try部分包含需要運(yùn)行的代碼,而catch部分包含錯誤發(fā)生時運(yùn)行的代碼。
語法:
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯誤
}注意:try...catch使用小寫字母。大寫字母會出錯。
實例 1
下面的例子原本用在用戶點擊按鈕時顯示"Welcome guest!"這個消息。不過message()函數(shù)中的alert()被誤寫為adddlert()。這時錯誤發(fā)生了:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我們可以添加try...catch聲明,這樣當(dāng)錯誤發(fā)生時可以采取更適當(dāng)?shù)拇胧?
下面的例子用try...catch聲明重新修改了腳本。由于誤寫了alert(),所以錯誤發(fā)生了。不過這一次,catch部分捕獲到了錯誤,并用一段準(zhǔn)備好的代碼來處理這個錯誤。這段代碼會顯示一個自定義的出錯信息來告知用戶所發(fā)生的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
下一個例子會顯示一個確認(rèn)框,讓用戶來選擇在發(fā)生錯誤時點擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁,還是點擊取消按鈕來回到首頁。如果confirm方法的返回值為false,代碼會把用戶重定向到其他的頁面。如果confirm方法的返回值為true,那么代碼什么也不會做。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
JavaScript學(xué)習(xí)筆記之內(nèi)置對象
本文主要介紹了javascript中的內(nèi)置對象,包括圖像對象、導(dǎo)航對象、窗口對象、屏幕對象、事件對象、歷史對象、文件對象(重要)、錨點對象、鏈接對象、框架對象、表單對象(重要)、位置對象,這里簡單做下介紹,后續(xù)在詳細(xì)講解。2015-01-01詳談DOM簡介及節(jié)點、屬性、查找節(jié)點的方法
下面小編就為大家分享一篇詳談DOM簡介及節(jié)點、屬性、查找節(jié)點的方法,具有非常好的參考價值,一起跟隨小編過來看看吧,希望對大家有所幫助2017-11-1110分鐘徹底搞懂Http的強(qiáng)制緩存和協(xié)商緩存(小結(jié))
這篇文章主要介紹了10分鐘徹底搞懂Http的強(qiáng)制緩存和協(xié)商緩存(小結(jié)),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08javascript之typeof、instanceof操作符使用探討
typeof和instanceof這兩個操作符時不時就會用到,堪稱必用,這兩個操作符或許是javascript中最大的設(shè)計缺陷,因為幾乎不可能從他們那里得到想要的結(jié)果2013-05-05