快捷導(dǎo)航

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

更新時(shí)間：2017年01月20日 16:08:35 作者：前端菜鳥(niǎo)進(jìn)階中

本文主要介紹了javascript的容錯(cuò)處理代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧

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

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

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

第一種：腳本之家在用的

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

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

第二種：針對(duì)的是有時(shí)候因?yàn)橐恍┠_本錯(cuò)誤的，導(dǎo)致頁(yè)面無(wú)法繼續(xù)瀏覽，這個(gè)問(wèn)題是非常嚴(yán)重的，用戶(hù)的大量流失，或根本無(wú)法查看你的網(wǎng)站內(nèi)日

這個(gè)不是簡(jiǎn)單的腳本錯(cuò)誤的問(wèn)題了，主要是代碼作者沒(méi)有考慮完善，一定要好好的修改下，不過(guò)如果你真的不會(huì)，那就用這樣的代碼吧

try...catch 可以測(cè)試代碼中的錯(cuò)誤。try 部分包含需要運(yùn)行的代碼，而 catch 部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼。

語(yǔ)法：

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

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

注意：try...catch 使用小寫(xiě)字母。大寫(xiě)字母會(huì)出錯(cuò)。

實(shí)例 1

下面的例子原本用在用戶(hù)點(diǎn)擊按鈕時(shí)顯示 "Welcome guest!" 這個(gè)消息。不過(guò) message() 函數(shù)中的 alert() 被誤寫(xiě)為 adddlert()。這時(shí)錯(cuò)誤發(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 語(yǔ)句，這樣當(dāng)錯(cuò)誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?/p>

下面的例子用 try...catch 語(yǔ)句重新修改了腳本。由于誤寫(xiě)了 alert()，所以錯(cuò)誤發(fā)生了。不過(guò)這一次，catch 部分捕獲到了錯(cuò)誤，并用一段準(zhǔn)備好的代碼來(lái)處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來(lái)告知用戶(hù)所發(fā)生的事情。

<html> 
<head> 
<script type="text/javascript"> 
var txt="" 
function message() 
{ 
try 
{ 
adddlert("Welcome guest!") 
} 
catch(err) 
{ 
txt="此頁(yè)面存在一個(gè)錯(cuò)誤。\n\n" 
txt+="錯(cuò)誤描述: " + err.description + "\n\n" 
txt+="點(diǎn)擊OK繼續(xù)。\n\n" 
alert(txt) 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

實(shí)例 2

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

<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>

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章: