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实现运行代码需要刷新的解决方法
Aug 18 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
Dec 02 Javascript
js展开闭合效果演示代码
Jul 24 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
javascript实现的右下角弹窗实例
Apr 24 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
Next.js实现react服务器端渲染的方法示例
Jan 06 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
小程序自动化测试的示例代码
Aug 11 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
终于听上了直流胆调频
2021/03/02 无线电
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
PHP中文件缓存转内存缓存的方法
2011/12/06 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
react-router JS 控制路由跳转实例
2017/06/15 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
vue表单自定义校验规则介绍
2018/08/28 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
[01:08:30]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第一场 2月28日
2021/03/11 DOTA
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
django admin添加数据自动记录user到表中的实现方法
2018/01/05 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
对python中不同模块(函数、类、变量)的调用详解
2019/07/16 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
2020/11/02 Python
python opencv实现图像配准与比较
2021/02/09 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
学生个人求职自荐信格式
2013/09/23 职场文书
应届毕业生的自我鉴定
2013/11/13 职场文书
函授毕业生的自我鉴定
2013/11/26 职场文书
大学生实习证明范本
2014/01/15 职场文书
优秀教导主任事迹材料
2014/05/09 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
任命书格式范文
2015/09/22 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android