[原文链接] http://blog.163.com/zhangmihuo_2007/blog/static/27011075201452522824347/
目录:
一 什么是 Console
二 什么浏览器支持 Console
三 为什么不直接使用 alert 或自己写的 log
四、console.log(object[,object,.....])
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > <html> <head> <title>倒计时</title> <meta
http-equiv= "Content-Type" content= "text/html;
charset=UTF-8" /> </head> <script
src= "http://libs.baidu.com/jquery/2.0.0/jquery.min.js" ></script> <body> <h1>倒计时:<span>10</span></h1> <script
type= "text/javascript" > $(document).ready( function (){ var num
= $( "h1
span" ).first(); var i
= 9; var interval
= setInterval( function (){ num.text(i); i--; console.log( "当前数值:" +i); if (i
< 0){ clearInterval(interval); } },1000); }); </script> </body> </html> |
log 方法第一个参数支持类似 C 语言 printf 字符串替换模式,Log 支持下面几种替换模式:
- %s 代替字符串
- %d 代替整数
- %f 代替浮点值
- %o 代替 Object
例如,我们输出一个时间日期:
这 4 种方法与 log 方法使用一模一样,只是显示的图标和文字颜色不一样.
六 console.assert(expression[, object, ...])
七 console.clear()
八 console.dirxml(node)
九 console.trace()
十三 console.count([title])
$(
function
(){
test();
test();
test();
test();
});
var
test
=
function
(){
console.count(
"test被执行次数:"
);
};
在Chrome中的结果,会打印出累积次数:
而在fireBug中只会显示最后一次最终的次数:test被执行次数:4。
十四 console.table(data)
此内容将单独开一篇博客,请见《利用console.table()做高级JS调试、Console用法总结(2)》
十五 console.dir(function)
十五 tab键代码补全