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脚本代码跑起来。
Jan 09 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
Node.js实现JS文件合并小工具
Feb 02 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
Feb 25 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
使用JavaScript破解web
Sep 28 Javascript
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
vant中的toast轻提示实现代码
Nov 04 Javascript
vue首次渲染全过程
Apr 21 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
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
微信小程序网络封装(简单高效)
2018/08/06 Javascript
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
python 网络爬虫初级实现代码
2016/02/27 Python
浅析Python编写函数装饰器
2016/03/18 Python
python实现网页自动签到功能
2019/01/21 Python
Python常见数据类型转换操作示例
2019/05/08 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
python rolling regression. 使用 Python 实现滚动回归操作
2020/06/08 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
六年级数学教学反思
2014/02/03 职场文书
国培计划培训感言
2014/03/11 职场文书
中学教师暑期培训方案
2014/08/27 职场文书
学习教师法的心得体会
2014/09/03 职场文书
2014年营销工作总结
2014/11/22 职场文书
十八大观后感
2015/06/12 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
导游词之西安大清真寺
2019/12/17 职场文书