javascript 容错处理代码(屏蔽js错误)

有时候大家来浏览网页的时候发现IE浏览器左下角总有个黄色错误标志,有时候更是直接弹出错误无法继续浏览页面,这样对于网站的正规性与权威性发展不利,也影响用户体验。

所以这里整理一些常用的代码,使用方法。

第一种:

<script type="text/javascript"> 
<!-- 
window.onerror=function(){return true;} 
// --> 
</script> 
使用方法:把以上代码加到你出错网页的head区域就可以了。 

第二种:

针对的是有时候因为一些脚本错误的,导致页面无法继续浏览,这个问题是非常严重的,用户的大量流失,或根本无法查看你的网站内日 
这个不是简单的脚本错误的问题了,主要是代码作者没有考虑完善,一定要好好的修改下, 不过如果你真的不会,那就用这样的代码吧 
try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。 
语法: 

try 
{ 
//在此运行代码 
} 
catch(err) 
{ 
//在此处理错误 
} 
注意:try...catch 使用小写字母。大写字母会出错。 
实例 1 
下面的例子原本用在用户点击按钮时显示 "lovemu!" 这个消息。不过 message() 函数中的 alert() 被误写为 adddlert()。这时错误发生了: 
<html> 
<head> 
<script type="text/javascript"> 
function message() 
{ 
adddlert("lovemu!") 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html> 
我们可以添加 try...catch 语句,这样当错误发生时可以采取更适当的措施。 
下面的例子用 try...catch 语句重新修改了脚本。由于误写了 alert(),所以错误发生了。不过这一次,catch 部分捕获到了错误,并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。

<html> 
<head> 
<script type="text/javascript"> 
var txt="" 
function message() 
{ 
try 
{ 
adddlert("lovemu!") 
} 
catch(err) 
{ 
txt="此页面存在一个错误。\n\n" 
txt+="错误描述: " + err.description + "\n\n" 
txt+="点击OK继续。\n\n" 
alert(txt) 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html> 
实例 2 
下一个例子会显示一个确认框,让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false,代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true,那么代码什么也不会做。 
<html> 
<head> 
<script type="text/javascript"> 
var txt="" 
function message() 
{ 
try 
{ 
adddlert("lovemu!") 
} 
catch(err) 
{ 
txt="页面出错.\n\n" 
txt+="点击'确定'继续访问该页面,\n" 
txt+="或者点击'取消'返回主页.\n\n" 
if(!confirm(txt)) 
{ 
document.location.href="http://www.baidu.com/" 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html> 



你可能感兴趣的:(JavaScript,html)