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 相关文章推荐
最近项目写了一些js,水平有待提高
Jan 31 Javascript
JavaScript中的值类型转换介绍
Dec 31 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
Mar 04 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 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网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
php 归并排序 数组交集
2011/05/10 PHP
一个简单且很好用的php分页类
2013/10/26 PHP
php从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
JavaScript 对象链式操作测试代码
2010/04/25 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
jQuery.Callbacks()回调函数队列用法详解
2016/06/14 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
python魔法方法-属性访问控制详解
2016/07/25 Python
Python正规则表达式学习指南
2016/08/02 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
Python列表操作方法详解
2020/02/09 Python
毕业生个人的求职信范文
2013/12/03 职场文书
大学应届生的自我评价
2014/03/06 职场文书
一年级学生评语大全
2014/04/21 职场文书
营业用房租赁协议书
2014/11/26 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle