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 异步页面查询实现代码(asp.net)
May 26 Javascript
尝试在让script的type属性等于text/html
Jan 15 Javascript
基于datagrid框架的查询
Apr 08 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
Jul 17 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 Javascript
实例讲解jquery中mouseleave和mouseout的区别
Feb 17 Javascript
深入浅析jQuery对象$.html
Aug 22 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
Oct 08 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
Feb 06 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 header()函数常用方法总结
2014/04/11 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
javascript编程起步(第四课)
2007/02/27 Javascript
JavaScript中读取和保存文件实例
2014/05/08 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
2017/08/19 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
回顾Javascript React基础
2019/06/15 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
Python正则表达式指南 推荐
2018/10/09 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
python实现连连看游戏
2020/02/14 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
python飞机大战游戏实例讲解
2020/12/04 Python
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
2015/04/24 HTML / CSS
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
你常见到的runtime exception
2016/09/05 面试题
电信专业应届生自荐信
2013/09/28 职场文书
会计专业自荐信范文
2013/12/02 职场文书
国际贸易专业个人求职信范文分享
2013/12/14 职场文书
护理学应聘自荐书范文
2014/02/05 职场文书
培训专员岗位职责
2014/02/26 职场文书
企业元宵节主持词
2014/03/25 职场文书
股东协议书范本
2014/04/14 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
市场推广策划方案
2014/06/02 职场文书
行政介绍信范文
2015/05/04 职场文书
党员违纪检讨书
2015/05/05 职场文书