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

更新時間：2017年01月20日 16:08:35 作者：前端菜鳥進階中

本文主要介紹了javascript的容錯處理代碼。具有一定的參考價值，下面跟著小編一起來看下吧

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

國外銀行頁面就是因為這樣的錯誤，導致用戶大量流失不敢用這個銀行的網上銀行等導致?lián)p失慘重。

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

第一種：腳本之家在用的

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

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

第二種：針對的是有時候因為一些腳本錯誤的，導致頁面無法繼續(xù)瀏覽，這個問題是非常嚴重的，用戶的大量流失，或根本無法查看你的網站內日

這個不是簡單的腳本錯誤的問題了，主要是代碼作者沒有考慮完善，一定要好好的修改下，不過如果你真的不會，那就用這樣的代碼吧

try...catch 可以測試代碼中的錯誤。try 部分包含需要運行的代碼，而 catch 部分包含錯誤發(fā)生時運行的代碼。

語法：

復制代碼代碼如下:

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

注意：try...catch 使用小寫字母。大寫字母會出錯。

實例 1

下面的例子原本用在用戶點擊按鈕時顯示 "Welcome guest!" 這個消息。不過 message() 函數(shù)中的 alert() 被誤寫為 adddlert()。這時錯誤發(fā)生了：

<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 語句，這樣當錯誤發(fā)生時可以采取更適當?shù)拇胧?/p>

下面的例子用 try...catch 語句重新修改了腳本。由于誤寫了 alert()，所以錯誤發(fā)生了。不過這一次，catch 部分捕獲到了錯誤，并用一段準備好的代碼來處理這個錯誤。這段代碼會顯示一個自定義的出錯信息來告知用戶所發(fā)生的事情。

<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繼續(xù)。\n\n" 
alert(txt) 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

實例 2

下一個例子會顯示一個確認框，讓用戶來選擇在發(fā)生錯誤時點擊確定按鈕來繼續(xù)瀏覽網頁，還是點擊取消按鈕來回到首頁。如果 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. 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章: