网站如何自定义错误处理样式

2012/11/14 14:37:02作者：佚名来源：网络

移动端

【实例名称】

网站如何自定义错误处理样式

【实例描述】

在开发C/S应用程序时，可以使用“try…catch”语句来捕获页面的错误，然后使用自定义的错误样式反馈给用户。本例使用JavaScript自定义错误样式，这样当浏览器出现错误时，可以显示给用户一些详细信息。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script language="JavaScript">
function errorbox(){
 errorwindow=window.open("","test","width=300,height=200");  
//再打开一个窗口
 //设置在窗口中显示的错误
 errorwindow.document.write('<title>脚本错误报告-学无忧（www.xue51.com）
</title><center>该页面运行过程中发现错误，请通知网站管理人员。
<Br><form><input type="button" value="关闭窗口" 
onClick="window.close()"></form></center>')
 errorwindow.document.close();            
//关闭窗口
 errorwindow.document.bgColor="#eeeb7f";  
//设置窗口的背景色
 return true;
}
window.onerror=errorbox;                 
//绑定自定义的错误方法
function btnClick()                      
//触发错误的事件
{
   document.getElementById("txt").value="长三";
}
</script>
</head>
<body>
<input type=button value="触发错误" onclick="btnClick()" />
</body>
</html>

【运行效果】

自定义错误处理样式运行效果