網(wǎng)站如何自定義錯誤處理樣式

2012/11/14 14:37:02作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

網(wǎng)站如何自定義錯誤處理樣式

【實(shí)例描述】

在開發(fā)C/S應(yīng)用程序時，可以使用“try…catch”語句來捕獲頁面的錯誤，然后使用自定義的錯誤樣式反饋給用戶。本例使用JavaScript自定義錯誤樣式，這樣當(dāng)瀏覽器出現(xiàn)錯誤時，可以顯示給用戶一些詳細(xì)信息。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（www.wangbatian.cn）</title>
<script language="JavaScript">
function errorbox(){
 errorwindow=window.open("","test","width=300,height=200");  
//再打開一個窗口
 //設(shè)置在窗口中顯示的錯誤
 errorwindow.document.write('<title>腳本錯誤報告-學(xué)無憂（www.wangbatian.cn）
</title><center>該頁面運(yùn)行過程中發(fā)現(xiàn)錯誤，請通知網(wǎng)站管理人員。
<Br><form><input type="button" value="關(guān)閉窗口" 
onClick="window.close()"></form></center>')
 errorwindow.document.close();            
//關(guān)閉窗口
 errorwindow.document.bgColor="#eeeb7f";  
//設(shè)置窗口的背景色
 return true;
}
window.onerror=errorbox;                 
//綁定自定義的錯誤方法
function btnClick()                      
//觸發(fā)錯誤的事件
{
   document.getElementById("txt").value="長三";
}
</script>
</head>
<body>
<input type=button value="觸發(fā)錯誤" onclick="btnClick()" />
</body>
</html>

【運(yùn)行效果】

自定義錯誤處理樣式運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)有兩個，錯誤處理的定義和處理事件的綁定。錯誤處理定義通過“errorbox”完成，其打開一個新窗口并顯示提示信息。處理事件的綁定通過“window．onerror”完成，此事件在窗體發(fā)生錯誤時被觸發(fā)。本例在“btnClick”方法中使用了一個不存在的控件，用來引發(fā)錯誤事件。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點(diǎn)擊：自定義錯誤處理樣式進(jìn)行本實(shí)例源碼下載

標(biāo)簽：樣式網(wǎng)站