JS中错误处理

最新推荐文章于 2024-09-09 09:35:48 发布

msg_java2011

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： javascript exception button url mozilla 浏览器

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

1）JavaScript中的Try…Catch 语句
使用try…catch语句可以测试一段代码是否出错。
——————————————————————————-
JavaScript - 出错捕捉
当浏览网页的时候，我们常常会见到一个JavaScript的警告窗口，告诉我们发生运行出错，并提问你是否要“debug?”。这种出错信息也许对开发者有用，但是对用户没有用处。当用户看到这些错误时，他们通常会离开这个网页。
这一章我们就会学习怎样捕捉和处理这些JavaScript的出错信息，以防止因此而丢失用户。
有两种方法可以在网页中捕捉错误：

[li]使用 try…catch 语句 (适用于IE5以上, Mozilla 1.0, 和 Netscape 6)
使用onerror 事件。这是捕捉错误的旧的传统做法(自从Netscape 3以后就开始使用)

———————————————————————————-
Try…Catch语句
使用try…catch语句可以测试一段代码是否出错。 try 语句块中包含要执行的代码， catch 语句块中包含当出错时要执行的代码。
语法

try
{
//Run some code here
}
catch(err)
{
//Handle errors here
}

注意 try和catch 都是小写的。使用大写字母会出错！

例1
以下例子包含的脚本原本应该在用户点击按钮时显示信息”欢迎访客!” 但是，因为函数message()中有一个书写错误， alert() 被错误的写为adddlert()，因此将会产生一个JavaScript 出错：

<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() 拼写错误，一个JavaScript出错发生，但是这次catch 语句块会捕捉到这个错误，并执行一段定制的代码来处理这个错误，因此将会显示一条定制的信息来告诉用户发生了什么：

<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+="Error description: " + err.description + “/n/n"
txt+="Click OK to continue./n/n"
alert(txt)
}
}
</script>
</head>
<body>
<input type="button" value="View message" οnclick="message()" />
</body>

</html>

例2
下面这个例子使用一个确认对话框显示一条定制信息，告诉用户可以点击OK按钮继续浏览网页，或点击Cancel按钮来返回主页。如果确认函数返回false, 用户点击的是Cancel, 那么代码将redirect用户。如果确认函数返回的是true, 则代码什么也不做：

<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
{
adddlert("Welcome guest!")
}
catch(err)
{
txt="本页面出错./n/n"
txt+="点击OK继续浏览本页,/n"
txt+="或点击 Cancel 返回主页/n/n"
if(!confirm(txt))
{
document.location.href="http://44403376.qzone.qq.com"
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>

(2)JavaScript中的onerror事件
用 onerror 事件是传统的捕捉页面出错的方法。
—————————————————————————-
onerror 事件
我们前面介绍了怎样使用try…catch 语句来捕捉页面出错。现在我们将介绍如何使用 onerror 事件来达到同样的目的。
当页面中出现错误时， onerror 事件就会被触发。
使用onerror事件，你需要写一个函数来处理这些错误，然后用onerror事件处理器(handler)调用这个函数。这个事件处理器有三个参数：msg (出错信息), url (出错页面的url) 和 line (出错行号)。

语法
οnerrοr=handleErrfunction handleErr(msg,url,l)
{
//出错处理
return true or false
}

onerror的返回值决定了浏览器是否显示一个标准出错信息。如果你返回的是false，浏览器将在JavaScritp的console里显示标准出错信息。如果返回true，浏览器则不会显示标准出错信息。
例子
以下例子显示了如何用onerror事件来捕捉一个出错：

<html>
<head>
<script type="text/javascript">
onerror=handleErr
var 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" οnclick="message()" />
</body>

</html>

throw语句
使用throw语句可以生成一个例外(exception)。结合 try…catch 使用throw语句可以控制程序流程，并生成准确地出错信息。
语法
throw(exception)
其中exception可以是字符串，整数，布尔值，或一个对象。
注意 throw 为小写字母。使用大写字母会造成 JavaScript 出错!
例1
以下例子根据变量x的值进行不同的动作。如果x值大于10或小于0，就会抛出一个错误。出错会被 catch 参数捕获，显示适当的出错信息：

< html >
< head >
< script type ="text/javascript" >
onerror = handleErr
var 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 >