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实现在下拉列表中显示多级树形菜单的方法
Aug 12 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
JavaScript字符串对象(string)基本用法示例
Jan 18 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
vue实现图书管理demo详解
Oct 17 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
vue如何进行动画的封装
Sep 26 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 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
19个超实用的PHP代码片段
2014/03/14 PHP
6个超实用的PHP代码片段
2015/08/10 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
JavaScript关于select的相关操作说明
2010/01/13 Javascript
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
屏蔽script注入小例子
2013/11/12 Javascript
node.js操作mysql(增删改查)
2015/07/24 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
vue基于better-scroll实现左右联动滑动页面
2020/06/30 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
2020/08/17 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
2021/02/25 Vue.js
详解Python迭代和迭代器
2016/03/28 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
Python学习笔记之抓取某只基金历史净值数据实战案例
2019/06/03 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
介绍一下linux的文件权限
2012/02/15 面试题
运动会通讯稿300字
2014/02/02 职场文书
宣传活动总结范文
2014/07/01 职场文书
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android