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


Posted in Javascript onJanuary 20, 2017

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

国外银行页面就是因为这样的错误,导致用户大量流失不敢用这个银行的网上银行等导致损失惨重。

所以一个想要在用户体验与公司实力上都是不容出现的错误,就是不影响使用也不能让用户反感,三水点靠木一直致力于为大家提高更好的代码,所以这里我们将会大家整理一些常用的代码,使用方法什么,希望大家以后能越来越支持我们,让我们共同发展。

第一种:三水点靠木在用的

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

使用方法:把以上代码加到你出错网页的head区域就可以了。

第二种:针对的是有时候因为一些脚本错误的,导致页面无法继续浏览,这个问题是非常严重的,用户的大量流失,或根本无法查看你的网站内日

这个不是简单的脚本错误的问题了,主要是代码作者没有考虑完善,一定要好好的修改下, 不过如果你真的不会,那就用这样的代码吧

try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。

语法:

复制代码 代码如下:

try 
{ 
//在此运行代码 
} 
catch(err) 
{ 
//在此处理错误 
}

注意:try...catch 使用小写字母。大写字母会出错。

实例 1

下面的例子原本用在用户点击按钮时显示 "Welcome guest!" 这个消息。不过 message() 函数中的 alert() 被误写为 adddlert()。这时错误发生了:

<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 语句,这样当错误发生时可以采取更适当的措施。

下面的例子用 try...catch 语句重新修改了脚本。由于误写了 alert(),所以错误发生了。不过这一次,catch 部分捕获到了错误,并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。

<html> 
<head> 
<script type="text/javascript"> 
var txt="" 
function message() 
{ 
try 
{ 
adddlert("Welcome guest!") 
} 
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("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.href="http://www.w3school.com.cn/" 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
jQuery学习笔记之Helloworld
Dec 22 Javascript
js substr、substring和slice使用说明小记
Sep 15 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
js获取浏览器基本信息大全
Nov 27 Javascript
jQuery实现图片走马灯效果的原理分析
Jan 16 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
微信小程序实现全国机场索引列表
Jan 31 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 Javascript
详解Js模块化的作用原理和方案
Apr 29 Javascript
关于AngularJs数据的本地存储详解
Jan 20 #Javascript
html5 canvas 详细使用教程
Jan 20 #Javascript
canvas绘制万花筒效果(代码分享)
Jan 20 #Javascript
原生js实现网页顶部自动下拉/收缩广告效果
Jan 20 #Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
Jan 20 #Javascript
轻松理解Javascript变量的相关问题
Jan 20 #Javascript
js+css3实现旋转效果
Jan 20 #Javascript
You might like
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
2014/06/23 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
Boostrap模态窗口的学习小结
2016/03/28 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
vue-cli中vue本地实现跨域调试接口
2019/01/16 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
Python数据结构与算法之使用队列解决小猫钓鱼问题
2017/12/14 Python
python3 requests中使用ip代理池随机生成ip的实例
2018/05/07 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
Python利用pandas处理Excel数据的应用详解
2019/06/18 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
德国购买门票网站:ADticket.de
2019/10/31 全球购物
介绍Java的内部类
2012/10/27 面试题
销售员自我评价怎么写
2013/09/19 职场文书
合伙协议书
2014/04/23 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
镇班子对照检查材料思想汇报
2014/09/24 职场文书
党员评议个人总结
2014/10/20 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS