下面我们来尝试一下断点的功能。
首先在测试页脚本里增加一个test的函数,
函数的主要操作是运行一个1000次的循环,
将循环的参数值显示在“div2”里:
function test(){ for(var i=0;i<1000;i++){ document.getElementById('div2').innerHTML=i; } } |
在“div2”里增加一个“onclick”属性,
单击后执行test:
|
刷新页面,
然后在“for(var i=0;i<1000;i++){”这行上设置一个断点,
并设置条件为“i=100”(图7-3),
然后单击“div2”开始执行函数test。
|
图7-3 |
当脚本停下来后,我们将鼠标移动到变量“i”上,
这时会出现一个小方框,
里面有一个数值,
这就是变量“i“的当前值(图7-4)。
在脚本调试的时候,
你可以通过这个方法很方便的了解到当前变量的值。
你还可以通过右边窗口的“Watch”标签查看到“i”的值(图7-5)。
|
图7-4 |
|
|
图7-5 |
在“Watch”标签窗口我们可以通过“Options”菜单选择查看用户自定义属性(Show User-defined Properties)、
用户自定义函数(Show User-defined Functions)、
DOM属性(Show DOM Properties)、
原文转自:http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html