首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js的捕捉异常及特殊字符

2013-01-05 
js的捕捉错误及特殊字符当我们在网上冲浪时,总会看到带有 runtime 错误的 Javascript 警告框,同时会询问我

js的捕捉错误及特殊字符

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

?

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

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

    注意:chrome、opera 和 safari 浏览器不支持 onerror 事件。

    ?

    Try...Catch 语句

    try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。

    ?

    <script type="text/javascript">

    var txt=""

    try

    ? {

    ? adlert("Welcome guest!")

    ? }

    catch(err)//这个是可以变的,只是要注意下面的变量跟着变就好了。

    ? {

    ? txt="此页面存在一个错误。\n"

    ? txt+="错误描述: " + err.description + "\n"

    ? txt+="点击OK继续。\n"

    ? alert(txt)

    ?if(!confirm(txt))

    ? ? {

    ? ? document.location.href="http://www.baidu.com/"

    ? ? }

    ? }

    </script>

    alert出来的效果:


    js的捕捉异常及特殊字符
    ?confirm出来的效果:

    ?

    ?


    js的捕捉异常及特殊字符
    ?confirm让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false,代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true,那么代码什么也不会做。

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

    你可以把这个声明与 try...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>
    使用 onerror 事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。
    只要页面中出现脚本错误,就会产生 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>

    ?

    下面的表格列出了其余的特殊字符,这些特殊字符都可以使用反斜杠来添加到文本字符串中:

    代码输出\'单引号"双引号\&和号\\反斜杠\n换行符\r回车符\t制表符\b退格符\f换页符

热点排行