全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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

有时候大家来浏览网页的时候发现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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# js  # 容错  # js容错代码  # 代码容错  # Javascript 错误处理的几种方法  # JavaScript错误处理  # JS常见错误(Error)及处理方案详解  # 深入分析javascript中的错误处理机制  # 全面了解javascript中的错误处理机制  # UnError如何让JavaScript错误处理更优雅详解  # 也不  # 在此  # 值为  # 浏览网页  # 的是  # 都是  # 发生了  # 有个  # 让我们  # 将会  # 其他的  # 这段  # 我们可以  # 你真  # 能让  # 弹出  # 到你  # 问题是  # 写了  # 自定义 


相关文章: 开心动漫网站制作软件下载,十分开心动画为何停播?  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?  如何选择香港主机高效搭建外贸独立站?  如何确认建站备案号应放置的具体位置?  网站制作模板下载什么软件,ppt模板免费下载网站?  自助网站制作软件,个人如何自助建网站?  ppt制作免费网站有哪些,ppt模板免费下载网站?  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站?  建站之星上传入口如何快速找到?  如何在IIS管理器中快速创建并配置网站?  教程网站设计制作软件,怎么创建自己的一个网站?  成都响应式网站开发,dw怎么把手机适应页面变成网页?  制作表格网站有哪些,线上表格怎么弄?  Python lxml的etree和ElementTree有什么区别  外贸公司网站制作,外贸网站建设一般有哪些步骤?  建站之星价格显示格式升级,你的预算足够吗?  建站之星安装后如何配置SEO及设计样式?  建站之星代理如何优化在线客服效率?  盘锦网站制作公司,盘锦大洼有多少5G网站?  独立制作一个网站多少钱,建立网站需要花多少钱?  定制建站如何定义?其核心优势是什么?  如何在香港服务器上快速搭建免备案网站?  建站之星北京办公室:智能建站系统与小程序生成方案解析  如何注册花生壳免费域名并搭建个人网站?  如何选择可靠的免备案建站服务器?  建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析  香港服务器如何优化才能显著提升网站加载速度?  教学网站制作软件,学习*后期制作的网站有哪些?  道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?  建站org新手必看:2024最新搭建流程与模板选择技巧  如何在腾讯云免费申请建站?  如何在建站之星绑定自定义域名?  如何通过NAT技术实现内网高效建站?  css网站制作参考文献有哪些,易聊怎么注册?  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?  早安海报制作网站推荐大全,企业早安海报怎么每天更换?  如何挑选高效建站主机与优质域名?  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱?  如何快速搭建FTP站点实现文件共享?  香港服务器网站卡顿?如何解决网络延迟与负载问题?  北京的网站制作公司有哪些,哪个视频网站最好?  如何用低价快速搭建高质量网站?  Python如何创建带属性的XML节点  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么?  香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧  网站制作壁纸教程视频,电脑壁纸网站?  郑州企业网站制作公司,郑州招聘网站有哪些?  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  高防服务器如何保障网站安全无虞? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。