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 相关文章推荐
JavaScript 应用类库代码
Jun 02 Javascript
javascript 必知必会之closure
Sep 21 Javascript
flash 得到自身url参数的代码
Nov 15 Javascript
jQuery使用技巧简单汇总
Apr 18 Javascript
form表单只提交数据而不进行页面跳转的解决方案
Sep 18 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
Mar 21 Javascript
js使用i18n实现页面国际化的方法
May 09 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
关于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的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
ThinkPHP打开验证码页面显示乱码的解决方法
2014/12/18 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
PHP 中常量的知识整理
2017/04/14 PHP
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
JS图片定时翻滚效果实现方法
2016/06/21 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
React+Webpack快速上手指南(小结)
2018/08/15 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
JavaScript实现打字游戏
2021/02/19 Javascript
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Python基础教程之利用期物处理并发
2018/03/29 Python
django js实现部分页面刷新的示例代码
2018/05/28 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
python模块常用用法实例详解
2019/10/17 Python
Python猴子补丁知识点总结
2020/01/05 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
Python基于Faker假数据构造库
2020/11/30 Python
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
英国户外玩具儿童游乐设备网站:TP Toys(蹦床、攀爬框架、秋千、滑梯和游戏屋)
2018/04/09 全球购物
百度软件工程师职位
2013/02/14 面试题
计算机应用与科学个人的自我评价
2013/11/15 职场文书
学校办公室主任职责
2013/12/27 职场文书
青春无悔演讲稿
2014/05/08 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
python 中的@运算符使用
2021/05/26 Python