测试代码中的错误

来源：互联网发布：linux 跨网段ping不通编辑：程序博客网时间：2024/06/12 18:11

JavaScript Try...Catch 语句

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

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

使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
Try...Catch 语句
try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。
语法：
```
try{   //在此运行代码}catch(err){   //在此处理错误}
```
注意：try...catch 使用小写字母。大写字母会出错。
实例 1
下一个例子会显示一个确认框，让用户来选择在发生错误时点击确定按钮来继续浏览网页，还是点击取消按钮来回到首页。如果 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 Throw 声明

throw 声明的作用是创建 exception（异常或错误）。

Throw 声明

throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。

语法：

throw(exception)

exception 可以是字符串、整数、逻辑值或者对象。

注意：使用小写字母编写 throw。使用大写字母会出错！

实例 1

下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。

<html><body><script type="text/javascript">var x=prompt("Enter a number between 0 and 10:","")try{ if(x>10) throw "Err1"else if(x<0)throw "Err2"} catch(er){if(er=="Err1") alert("Error! The value is too high")if(er == "Err2") alert("Error! The value is too low") }</script></body></html>

JavaScript onerror 事件

使用 onerror 事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。

onerror 事件

我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。

只要页面中出现脚步错误，就会产生 onerror 事件。

如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。

语法：

onerror=handleErrfunction handleErr(msg,url,l){//Handle the error herereturn true or false}

浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。

实例：

下面的例子展示如何使用 onerror 事件来捕获错误：

<html><head><script type="text/javascript">onerror=handleErrvar txt=""function handleErr(msg,url,l){txt="There was an error on this page./n/n"txt+="Error: " + msg + "/n"txt+="URL: " + url + "/n"txt+="Line: " + l + "/n/n"txt+="Click OK to continue./n/n"alert(txt)return true}function message(){adddlert("Welcome guest!")}</script></head><body><input type="button" value="View message" onclick="message()" /></body></html>