javascript容错处理代码(屏蔽js错误)
有时候大家来浏览网页的时候发现IE浏览器左下角总有个黄色错误标志,有时候更是直接弹出错误无法继续浏览页面,这样对于网站的正规性与权威性发展不利。
国外银行页面就是因为这样的错误,导致用户大量流失不敢用这个银行的网上银行等导致损失惨重。
所以一个想要在用户体验与公司实力上都是不容出现的错误,就是不影响使用也不能让用户反感,毛票票一直致力于为大家提高更好的代码,所以这里我们将会大家整理一些常用的代码,使用方法什么,希望大家以后能越来越支持我们,让我们共同发展。
第一种:毛票票在用的
<SCRIPTlanguage=javascript> <!-- window.onerror=function(){returntrue;} //--> </SCRIPT>
使用方法:把以上代码加到你出错网页的head区域就可以了。
第二种:针对的是有时候因为一些脚本错误的,导致页面无法继续浏览,这个问题是非常严重的,用户的大量流失,或根本无法查看你的网站内日
这个不是简单的脚本错误的问题了,主要是代码作者没有考虑完善,一定要好好的修改下,不过如果你真的不会,那就用这样的代码吧
try...catch可以测试代码中的错误。try部分包含需要运行的代码,而catch部分包含错误发生时运行的代码。
语法:
复制代码代码如下:
try { //在此运行代码 } catch(err) { //在此处理错误 }
注意:try...catch使用小写字母。大写字母会出错。
实例1
下面的例子原本用在用户点击按钮时显示"Welcomeguest!"这个消息。不过message()函数中的alert()被误写为adddlert()。这时错误发生了:
<html> <head> <scripttype="text/javascript"> functionmessage() { adddlert("Welcomeguest!") } </script> </head> <body> <inputtype="button"value="Viewmessage"onclick="message()"/> </body> </html>
我们可以添加try...catch语句,这样当错误发生时可以采取更适当的措施。
下面的例子用try...catch语句重新修改了脚本。由于误写了alert(),所以错误发生了。不过这一次,catch部分捕获到了错误,并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。
<html> <head> <scripttype="text/javascript"> vartxt="" functionmessage() { try { adddlert("Welcomeguest!") } catch(err) { txt="此页面存在一个错误。\n\n" txt+="错误描述:"+err.description+"\n\n" txt+="点击OK继续。\n\n" alert(txt) } } </script> </head> <body> <inputtype="button"value="Viewmessage"onclick="message()"/> </body> </html>
实例2
下一个例子会显示一个确认框,让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。如果confirm方法的返回值为false,代码会把用户重定向到其他的页面。如果confirm方法的返回值为true,那么代码什么也不会做。
<html> <head> <scripttype="text/javascript"> vartxt="" functionmessage() { try { adddlert("Welcomeguest!") } catch(err) { txt="Therewasanerroronthispage.\n\n" txt+="ClickOKtocontinueviewingthispage,\n" txt+="orCanceltoreturntothehomepage.\n\n" if(!confirm(txt)) { document.location.href="http://www.w3school.com.cn/" } } } </script> </head> <body> <inputtype="button"value="Viewmessage"onclick="message()"/> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!