`
Neil_yang
  • 浏览: 130049 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

Javascript 异常

阅读更多

try...catch 的作用是测试代码中的错误。

JavaScript - 捕获错误

当我们在网上冲浪时,总会看到带有 runtime 错误的 Javascript 警告框,同时会询问我们“是否进行 debug?”。像这样的错误信息或许对开发人员有用,对用户则未必。当错误发生时,他们往往会选择离开这个站点。

本节向你讲解如何捕获和处理 Javascript 的错误消息,这样就可以为受众提供更多的便利。

有两种在网页中捕获错误的方法:

  • 使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
  • 使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)

Try...Catch 语句

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>

 

onerror 事件

我们马上会讲解 onerror 事件。但首先您需要学习如何使用 throw 语句来创建异常。throw 语句可以与 try...catch 语句一起使用。

</noscript>

 

原文地址:http://www.w3school.com.cn/js/js_try_catch.asp

分享到:
评论

相关推荐

    javaScript异常处理文档

    javaScript异常处理文档,当遇到JavaScript等异常问题时可翻阅本文档寻找答案

    JavaScript异常处理

    JavaScript异常处理是编程中至关重要的一个环节,它用于管理和修复代码执行过程中可能出现的错误或异常情况。异常处理机制使得程序能够在遇到错误时不会立即终止,而是有机会进行适当的恢复或者给出反馈,增强了程序...

    捕获页11面中全局Javascript异常.docx

    ..捕获页11面中全局Javascript异常.docx

    捕获页11面中全局Javascript异常.pdf

    ..捕获页11面中全局Javascript异常.pdf

    javascript 异常处理使用总结

    JavaScript中的异常处理是编程中非常重要的一个环节,它允许我们优雅地处理程序运行时可能出现的错误,避免程序因意外情况而中断。本文将详细介绍JavaScript中如何使用`try...catch...finally`语句进行异常处理以及...

    javascript异常处理实现原理详解

    JavaScript异常处理是编程中不可或缺的一部分,它允许开发者在程序遇到错误时优雅地处理问题,而不是让程序崩溃。本文将深入探讨JavaScript异常处理的实现原理,包括异常的基本概念、如何使用try...catch...finally...

    JavaScript 异常处理 详解

    总结来说,JavaScript异常处理是一门艺术,需要开发者对异步编程和错误处理机制有深刻的理解。异常处理不仅能够提升程序的健壮性,减少用户的困扰,还能帮助开发者更好地定位和修复程序中的漏洞,从而提供更加流畅和...

    使用JSNLog在服务器端日志中包括JavaScript异常

    标题中的“使用JSNLog在服务器端日志中包括JavaScript异常”指的是利用JSNLog这一JavaScript日志库,实现将客户端浏览器中的JavaScript错误信息记录并发送到服务器端,以便进行集中管理和分析。JSNLog是一个开源的...

    skywalking-client-js:Apache SkyWalking APM的客户端JavaScript异常和跟踪库

    客户端JavaScript异常和跟踪库。 向SkyWalking后端提供指标和错误收集。 轻的 使浏览器成为整个分布式跟踪的开始 用法 安装 skywalking-client-js运行时库位于 。 npm install skywalking-client-js --save 快速...

    vue-raven:vue-raven自动报告从vue组件触发的未捕获JavaScript异常

    VueRaven VueRaven自动报告从vue组件触发的未捕获JavaScript异常,并提供用于报告您自己的错误的API。 捕获的错误将报告给哨兵,您可以在其中获得有关应用程序的概述。 如果您还没有,那么创建您的帐户将是使用此...

    rescue:根据类型和属性有条件地捕获JavaScript异常

    根据类型和属性有条件地捕获JavaScript异常。 什么在哪里讨论 文献资料 来源 问题 CI 承保范围: 执照: 麻省理工学院npm install rescue。

    JavaScript调试(Firefox) 手册

    - **异常处理**:当发生JavaScript异常时,Venkman会自动暂停执行,并显示异常信息,帮助你快速定位问题所在。 - **性能分析**:虽然Venkman的主要功能是调试,但也可以进行基本的性能分析,如查看函数执行时间。 #...

    浅谈JavaScript异常处理语句

    在编程语言中,异常处理是确保程序健壮性的重要机制,尤其在JavaScript这种广泛用于客户端和服务器端的脚本语言中,异常处理显得尤为重要。JavaScript的错误类型主要分为两类:运行时错误和语法错误。运行时错误是指...

    javascript编程异常处理实例小结

    本文实例总结了javascript编程异常处理的方法。分享给大家供大家参考,具体如下: 前言:在前一篇《asp.net开发中常见公共捕获异常方式总结》,我们整理总结了asp.net服务端的异常处理。这一篇接着前文,简单总结并...

    javascript 基础教程

    **3.2 JavaScript异常处理** - **try...catch...finally**: 捕获并处理运行时错误。 - `try`: 尝试执行的代码块。 - `catch`: 捕获错误并执行处理代码。 - `finally`: 不管是否有异常都会执行的代码块。 - **...

Global site tag (gtag.js) - Google Analytics