JavaScript Try...Catch 聲明的 使用方法
更新時(shí)間:2007年04月03日 00:00:00 作者:
try...catch的作用是測(cè)試代碼中的錯(cuò)誤。
實(shí)例
try...catch聲明
如何編寫try...catch聲明。
帶有確認(rèn)框的try...catch聲明
另一個(gè)編寫try...catch聲明的例子。 JavaScript - 捕獲錯(cuò)誤
當(dāng)我們?cè)诰W(wǎng)上沖浪時(shí),總會(huì)看到帶有runtime錯(cuò)誤的Javascript警告框,同時(shí)會(huì)詢問我們“是否進(jìn)行debug?”。像這樣的錯(cuò)誤信息或許對(duì)開發(fā)人員有用,對(duì)用戶則未必。當(dāng)錯(cuò)誤發(fā)生時(shí),他們往往會(huì)選擇離開這個(gè)站點(diǎn)。
本節(jié)向你講解如何捕獲和處理Javascript的錯(cuò)誤消息,這樣就可以為受眾提供更多的便利。
有兩種在網(wǎng)頁中捕獲錯(cuò)誤的方法:
使用try...catch聲明。(在IE5+、Mozilla 1.0、和Netscape 6中可用)
使用onerror 事件。這是用于捕獲錯(cuò)誤的老式方法。(Netscape 3以后的版本可用)
Try...Catch 聲明
try...catch可以測(cè)試代碼中的錯(cuò)誤。try部分包含需要運(yùn)行的代碼,而catch部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼。
語法:
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯(cuò)誤
}注意:try...catch使用小寫字母。大寫字母會(huì)出錯(cuò)。
實(shí)例 1
下面的例子原本用在用戶點(diǎn)擊按鈕時(shí)顯示"Welcome guest!"這個(gè)消息。不過message()函數(shù)中的alert()被誤寫為adddlert()。這時(shí)錯(cuò)誤發(fā)生了:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我們可以添加try...catch聲明,這樣當(dāng)錯(cuò)誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?
下面的例子用try...catch聲明重新修改了腳本。由于誤寫了alert(),所以錯(cuò)誤發(fā)生了。不過這一次,catch部分捕獲到了錯(cuò)誤,并用一段準(zhǔn)備好的代碼來處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來告知用戶所發(fā)生的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]實(shí)例 2
下一個(gè)例子會(huì)顯示一個(gè)確認(rèn)框,讓用戶來選擇在發(fā)生錯(cuò)誤時(shí)點(diǎn)擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁,還是點(diǎn)擊取消按鈕來回到首頁。如果confirm方法的返回值為false,代碼會(huì)把用戶重定向到其他的頁面。如果confirm方法的返回值為true,那么代碼什么也不會(huì)做。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
實(shí)例
try...catch聲明
如何編寫try...catch聲明。
帶有確認(rèn)框的try...catch聲明
另一個(gè)編寫try...catch聲明的例子。 JavaScript - 捕獲錯(cuò)誤
當(dāng)我們?cè)诰W(wǎng)上沖浪時(shí),總會(huì)看到帶有runtime錯(cuò)誤的Javascript警告框,同時(shí)會(huì)詢問我們“是否進(jìn)行debug?”。像這樣的錯(cuò)誤信息或許對(duì)開發(fā)人員有用,對(duì)用戶則未必。當(dāng)錯(cuò)誤發(fā)生時(shí),他們往往會(huì)選擇離開這個(gè)站點(diǎn)。
本節(jié)向你講解如何捕獲和處理Javascript的錯(cuò)誤消息,這樣就可以為受眾提供更多的便利。
有兩種在網(wǎng)頁中捕獲錯(cuò)誤的方法:
使用try...catch聲明。(在IE5+、Mozilla 1.0、和Netscape 6中可用)
使用onerror 事件。這是用于捕獲錯(cuò)誤的老式方法。(Netscape 3以后的版本可用)
Try...Catch 聲明
try...catch可以測(cè)試代碼中的錯(cuò)誤。try部分包含需要運(yùn)行的代碼,而catch部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼。
語法:
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯(cuò)誤
}注意:try...catch使用小寫字母。大寫字母會(huì)出錯(cuò)。
實(shí)例 1
下面的例子原本用在用戶點(diǎn)擊按鈕時(shí)顯示"Welcome guest!"這個(gè)消息。不過message()函數(shù)中的alert()被誤寫為adddlert()。這時(shí)錯(cuò)誤發(fā)生了:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我們可以添加try...catch聲明,這樣當(dāng)錯(cuò)誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?
下面的例子用try...catch聲明重新修改了腳本。由于誤寫了alert(),所以錯(cuò)誤發(fā)生了。不過這一次,catch部分捕獲到了錯(cuò)誤,并用一段準(zhǔn)備好的代碼來處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來告知用戶所發(fā)生的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
下一個(gè)例子會(huì)顯示一個(gè)確認(rèn)框,讓用戶來選擇在發(fā)生錯(cuò)誤時(shí)點(diǎn)擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁,還是點(diǎn)擊取消按鈕來回到首頁。如果confirm方法的返回值為false,代碼會(huì)把用戶重定向到其他的頁面。如果confirm方法的返回值為true,那么代碼什么也不會(huì)做。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js中的異常處理try...catch使用介紹
- javascript中 try catch用法
- JS中用try catch對(duì)代碼運(yùn)行的性能影響分析
- 實(shí)例解析js中try、catch、finally的執(zhí)行規(guī)則
- javascript中的try catch異常捕獲機(jī)制用法分析
- 理解javascript中try...catch...finally
- JS異常處理try..catch語句的作用和實(shí)例
- 一分鐘學(xué)會(huì)JavaScript中的try-catch
- 聊聊Javascript中try catch的2個(gè)作用
- JS?try?catch用法舉例之異常處理
相關(guān)文章
JavaScript中反正弦函數(shù)Math.asin()的使用簡(jiǎn)介
這篇文章主要介紹了JavaScript中反正弦函數(shù)Math.asin()的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
關(guān)于javascript中的parseInt使用技巧
前面好幾次遇到JavaScript中parseInt函數(shù)把字串轉(zhuǎn)為數(shù)字,前面遇到過幾次問題,然后就換其它方法進(jìn)行比較。2009-09-09
三個(gè)js循環(huán)的關(guān)鍵字示例(for與while)
這篇文章主要介紹了三個(gè)js循環(huán)的關(guān)鍵字示例,主要是for與while,需要的朋友可以參考下2016-02-02
javascript學(xué)習(xí)(一)構(gòu)建自己的JS庫
庫是一個(gè)飽受爭(zhēng)議的熱門話題。一種觀點(diǎn)認(rèn)為它是一種非常棒的工具,是任何開發(fā)者都不可或缺的;另一種觀點(diǎn)則認(rèn)為在不理解庫的內(nèi)部工作原理的情況下對(duì)庫形成依賴,會(huì)助長(zhǎng)懶惰的風(fēng)氣從而導(dǎo)致開發(fā)者素質(zhì)下降2013-01-01
移動(dòng)端自適應(yīng)flexible.js的使用方法(不用三大框架,僅寫一個(gè)單html頁面使用)推薦
這篇文章主要介紹了移動(dòng)端自適應(yīng)flexible.js使用方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04

