当我们在网上冲浪时,总会看到带有 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出来的效果:
confirm出来的效果:
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=handleErr
function handleErr(msg,url,l)
{
//Handle the error here
return true or false
}
浏览器是否显示标准的错误消息,取决于 onerror 的返回值。如果返回值为 false,则在控制台 (JavaScript console) 中显示错误消息。反之则不会。
实例:
下面的例子展示如何使用 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" onclick="message()" />
</body>
</html>
下面的表格列出了其余的特殊字符,这些特殊字符都可以使用反斜杠来添加到文本字符串中:
代码
输出
\' |
单引号 |
\" |
双引号 |
\& |
和号 |
\\ |
反斜杠 |
\n |
换行符 |
\r |
回车符 |
\t |
制表符 |
\b |
退格符 |
\f |
换页符 |
- 大小: 10.6 KB
- 大小: 11.4 KB
分享到:
相关推荐
这样的特殊字符作为参数时,如果不做处理,会产品传参错误。 解决方法: encodeURI 方法 将文本字符串编码为一个有效的统一资源标识符 (URI)。 encodeURI(URIString) 必选的 URIString 参数代表一个已编码的 URI。 ...
2. * 校验所有输入域是否含有特殊符号 3. * 所要过滤的符号写入正则表达式中,注意,一些符号要用'\'转义. 4. * 要转义的字符包括:1, 点号 . 5. * 2, 中括号 [] 6. * 3, 大括号 {} 7. * 4, 加号 + 8. ...
有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了。编码的格式为:%加字符的ASCII码,即一个百分号%,
android原生和js交互传递参数 包含特殊字符 例如"\'"等情况 避免Uncaught SyntaxError: missing ) after argument list 避免JSON.parse失败等情况 利于快速和webview交互 加速开发过程
js处理特殊字符
主要介绍了JavaScript代码判断输入的字符串是否含有特殊字符和表情,通过js代码if语句进行判断,并结合自己开发的情景,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
javascript 如何判断中文特殊字符
NULL 博文链接:https://onestopweb.iteye.com/blog/2274203
js 特效 html 特效 特殊字符的生成 js 特效 html 特效 特殊字符的生成
表单的验证数字字符特殊符号表单的验证数字字符特殊符号表单的验证数字字符特殊符号表单的验证数字字符特殊符号表单的验证数字字符特殊符号表单的验证数字字符特殊符号
这些js禁止输入特殊字符,使用起来还是非常方便。本人使用的心得分享大家一起看。如果大家觉得好用希望给个好评!
解析XML特殊字符方法有二种 XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符XML特殊字符
Spring MVC下彻底解决@ResponseBody转义html特殊字符问题,解决包括尖角号(),单引号('),双引号("),按位与(&),反斜杠(\)。
SQL Server查询中的特殊字符处理 我们都知道SQL Server查询过程中,单引号“'”是特殊字符,所以在查询的时候要转换成双单引号“''”。 但这只是特殊字符的一个,在实际项目中,发现对于like操作还有以下特殊字符:...
下表中列出了一些URL特殊符号及编码十六进制值 1. + URL 中+号表示空格 + 2. 空格 URL中的空格可以用+号或者编码 3. / 分隔目录和子目录 / 4. ? 分隔实际的 URL 和参数 ? 5. % 指定特殊字符 % 6. # 表示书签 # 7. & ...
关于附件上传文件名包含特殊字符的问题解决办法
正则表达式判断不包涵特殊字符(除了 指定字符 以外)
本文实例讲述了js实现统计字符串中特定字符出现个数的方法。分享给大家供大家参考,具体如下: //js统计字符串中包含的特定字符个数 function getPlaceholderCount(strSource) { //统计字符串中包含{}或{xxXX}的...
unityTextmeshPro所有汉字和标点符号特殊符号文本文档(全),制做中文字符集必须的东西,辛苦花了两天整理搜集到一起
Latex中的各种特殊字符:\alpha θ \theta o o τ \tau β \beta ϑ \vartheta π \pi υ \upsilon γ \gamma ι \iota $ \varpi φ \phi δ \delta κ \kappa ρ \rho ϕ \varphi \epsilon λ \lambda % \varrho χ...