结果请看图11-6和图11-7。
|
图11-6 |
|
图11-7 |
是否想知道代码的运行速度?
很简单,
使用console.time和console.timeEnd就可以。
修改一下test函数的代码,
测试一下运行1000次循环需要多少时间:
function test(){ console.time('test'); for(var i=0;i<1000;i++){ document.getElementById('div2').innerHTML=i; //console.log('当前的参数是:%d',i); } console.timeEnd('test'); } |
刷新页面,
单击“方块二”,
看看结果(图11-8)。
在这里要注意的是console.time和console.timeEnd里的参数要一致才会有正确的输出,
而该参数就是信息的标题。
|
图11-8 |
是否想知道某个函数是从哪里调用的?
console..trace可帮助我们进行追踪。
在test函数的结尾加入:
console.trace(); |
刷新页面,
单击“方块二”,
看看结果(图11-9)。
结果显示是在坐标(97,187)的鼠标单击事件执行了test函数,
而调用的脚本是在simple.html文件里的第1行。
因为是在HTML里面的事件调用了test函数,
所以显示的行号是第1行。
如果是脚本,
则会显示调用脚本的行号,
通过单击可以直接去到调用行。
原文转自:http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html