Ajax编程技术 第六章 调试与错误处理
概述
Ajax应用程序不能按照预期方式工作时,一定是发生错误。最有可能发生错误的地方在于:
JavaScript代码:建议使用异常处理try、catch语句
Ajax请求所涉及的问题:检查Ajax请求,判断是否正在创建该请求。
6-2
JavaScript错误处理
JavaScript被公认为是易错难于调式的语言。目前还没有成熟的集成开发环境(IDE)。从第三版开始,ECMAScript采用了Java中的try语句,可以帮助测试代码并找到错误所在之处。
异常处理
try语句和catch或finally子句配合使用:
格式
try { // execute this block of code }
catch (err) { //try中代码出错,则执行此部分代码; }
功能:如果在执行rey语句中的程序出错时,便在出错的地方停止执行,然后执行catch语句中的代码
6-3
JavaScript错误处理
finally子句可以添加到try语句后,其中的代码无论是否发生异常,都会被执行。例如:
try { var x;
x[1] = 3;
}
catch (err)
{ ('发生一个异常; '+);
}
Finally
{ ('<br>try/catch 测试完毕.');
}
IE运行截图
Firefox运行截图
6-4
JavaScript错误处理
catch子句捕获try代码创建的JavaScript的error对象。Error对象包含的属性有:
name:指定错误类型;此例中x不是数组,所以创建了TypeError。TypeError有6中出错信息:
EvalError:Eval()函数中的代码出错;
RangeError:超过允许的取值范围;
ReferenceError:使用了非法引用;
SyntaxError:eval()函数中代码发生解析错误;
TypeError:变量类型和预期不同;
URIError:错误使用了URI函数( encodeURI()或decodeURI() )
6-5
JavaScript错误处理
onerror事件处理程序
当脚本产生错误时,浏览器触发error时间,通过创建onerror事件处理程序,就可以找到错误发生在哪里:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Accessing the error event</title>
<script type="text/javascript">
function myHandle (msg, url, line) {
alert ('An error occurred:\nmessage: ' + msg + '\nurl: ' + url +'\nline: ' + line);
return true;
}
</script>
</head>
<body>
<script type="text/javascript">
onerror = myHandle;
var x;
x[3] = 3; // 这是第17行
</script>
</body>
</html>
6-6
DOM检查器
我们知道,HTML DOM是HTML页面的编程接口,它规定我们如何存取或改变HTML文档内容。DOM标准有W3C组织开发。
DOM检查器用来检查DOM的动态模型。DOM检查器遍历浏览器当前的DOM模型,并显示该DOM当前的状态。我们主要介绍微软的IE DOM Inspector。
IE DOM Inspector
IE DOM Inspector是开发人员常用的一个IE插件,在微软网站上下载安装后,边在IE的查看菜单上增加了此功能选项。
可以勾选“查看”→“浏览器栏”→“IE DOM Inspector”,打开IE DOM 检查器,这样浏览网页时,在浏览器下方边多开了2个窗口。形状如下页所示:
6-7
DOM检查器
DOM树
HTML DOM 元素的HTML页面
工具栏
6-8
DOM检查器
检查DOM:开始检查
检查Ajax请求 来自淘豆网m.daumloan.com转载请标明出处.
