快捷導(dǎo)航

javascript 容錯處理代碼(屏蔽js錯誤)

更新時(shí)間：2010年04月13日 21:25:03 作者：

有時(shí)候大家來瀏覽網(wǎng)頁的時(shí)候發(fā)現(xiàn)IE瀏覽器左下角總有個(gè)黃色錯誤標(biāo)志，有時(shí)候更是直接彈出錯誤無法繼續(xù)瀏覽頁面，這樣對于網(wǎng)站的正規(guī)性與權(quán)威性發(fā)展不利。

國外銀行頁面就是因?yàn)檫@樣的錯誤，導(dǎo)致用戶大量流失不敢用這個(gè)銀行的網(wǎng)上銀行等導(dǎo)致?lián)p失慘重。

所以一個(gè)想要在用戶體驗(yàn)與公司實(shí)力上都是不容出現(xiàn)的錯誤，就是不影響使用也不能讓用戶反感，腳本之家一直致力于為大家提高更好的代碼，所以這里我們將會大家整理一些常用的代碼，使用方法什么，希望大家以后能越來越支持我們，讓我們共同發(fā)展。

第一種：腳本之家自己也在用的

復(fù)制代碼代碼如下:

 
<SCRIPT language=javascript> 
<!-- 
window.onerror=function(){return true;} 
// --> 
</SCRIPT> 

使用方法：把以上代碼加到你出錯網(wǎng)頁的head區(qū)域就可以了。

第二種：針對的是有時(shí)候因?yàn)橐恍┠_本錯誤的，導(dǎo)致頁面無法繼續(xù)瀏覽，這個(gè)問題是非常嚴(yán)重的，用戶的大量流失，或根本無法查看你的網(wǎng)站內(nèi)日
這個(gè)不是簡單的腳本錯誤的問題了，主要是代碼作者沒有考慮完善，一定要好好的修改下，不過如果你真的不會，那就用這樣的代碼吧
try...catch 可以測試代碼中的錯誤。try 部分包含需要運(yùn)行的代碼，而 catch 部分包含錯誤發(fā)生時(shí)運(yùn)行的代碼。
語法：

復(fù)制代碼代碼如下:

 
try 
{ 
//在此運(yùn)行代碼 
} 
catch(err) 
{ 
//在此處理錯誤 
} 

注意：try...catch 使用小寫字母。大寫字母會出錯。
實(shí)例 1
下面的例子原本用在用戶點(diǎn)擊按鈕時(shí)顯示 "Welcome guest!" 這個(gè)消息。不過 message() 函數(shù)中的 alert() 被誤寫為 adddlert()。這時(shí)錯誤發(fā)生了：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

我們可以添加 try...catch 語句，這樣當(dāng)錯誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?
下面的例子用 try...catch 語句重新修改了腳本。由于誤寫了 alert()，所以錯誤發(fā)生了。不過這一次，catch 部分捕獲到了錯誤，并用一段準(zhǔn)備好的代碼來處理這個(gè)錯誤。這段代碼會顯示一個(gè)自定義的出錯信息來告知用戶所發(fā)生的事情。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

實(shí)例 2
下一個(gè)例子會顯示一個(gè)確認(rèn)框，讓用戶來選擇在發(fā)生錯誤時(shí)點(diǎn)擊確定按鈕來繼續(xù)瀏覽網(wǎng)頁，還是點(diǎn)擊取消按鈕來回到首頁。如果 confirm 方法的返回值為 false，代碼會把用戶重定向到其他的頁面。如果 confirm 方法的返回值為 true，那么代碼什么也不會做。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關(guān)更多js 容錯的處理可以參考下面的兩篇文章：
JavaScript Try...Catch 語句

JavaScript容錯例外處理

您可能感興趣的文章: