[原文鏈接] 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鍵代碼補全