javascript 容错处理代码(屏蔽js错误)

有时候大家来浏览网页的时候发现IE浏览器左下角总有个黄色错误标志，有时候更是直接弹出错误无法继续浏览页面，这样对于网站的正规性与权威性发展不利。

国外银行页面就是因为这样的错误，导致用户大量流失不敢用这个银行的网上银行等导致损失惨重。

所以一个想要在用户体验与公司实力上都是不容出现的错误，就是不影响使用也不能让用户反感，脚本之家一直致力于为大家提高更好的代码，所以这里我们将会大家整理一些常用的代码，使用方法什么，希望大家以后能越来越支持我们，让我们共同发展。

第一种：脚本之家自己也在用的

复制代码代码如下:

使用方法：把以上代码加到你出错网页的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" οnclick="message()" /> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

我们可以添加 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" οnclick="message()" /> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

实例 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" οnclick="message()" /> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

转载于:https://www.cnblogs.com/balala/p/5684148.html

javascript 容错处理代码(屏蔽js错误)相关推荐

javascript中几个有意思的功能（目前5项） 1右键无效 2禁止网页复制 3禁止F5刷新 4新发现 5屏蔽js错误
1.右键无效 <script> document.οncοntextmenu=new Function("event.returnValue=false;"); < ...
javascript 容错处理代码【屏蔽js错误】
http://www.jb51.net/article/23050.htm 转载于:https://www.cnblogs.com/xsmhero/p/3658923.html
屏蔽JS错误提示 IE6 IE8
<script language="JavaScript"> function killErrors() { return true; } window.onerror ...
搭建前端监控系统（二）JS错误监控篇
背景:市面上的监控系统有很多,大多收费,对于小型前端项目来说,必然是痛点.另一点主要原因是,功能通用,却未必能够满足我们自己的需求, 所以我们自给自足. 这是搭建前端监控系统的第二章,主要是介绍如何统 ...
JavaScript学习笔记——JS错误处理
JavaScript 错误 try 语句测试代码块的错误 catch 语句处理错误 throw 语句创建自定义错误 JavaScript抛出错误当错误发生时,当事情出问题时,JavaScript 引 ...
JavaScript系列-02 HTML嵌入js代码的第二种方式
javaScript系列 HTML中嵌入js代码的第二种方式脚本块的方式文章目录 javaScript系列前言一.了解脚本块的方式 1.1运行规则二.执行原理 1.编写代码 2.效果总结 ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
值得收藏的一些网页代码(asp,js,hml)
值得收藏的一些网页代码(asp,js,hml) 编程开发谌忠辉 2004年3月22日 ------------------------------------------------------- ...
java犯的小错误_[Java教程]十个JavaScript中易犯的小错误，你中了几枪？
[Java教程]十个JavaScript中易犯的小错误,你中了几枪? 0 2015-06-01 12:00:19 序言在今天,JavaScript已经成为了网页编辑的核心.尤其是过去的几年,互联网见 ...

javascript 容错处理代码(屏蔽js错误)

javascript 容错处理代码(屏蔽js错误)相关推荐

最新文章

热门文章