console.dir()和console.log()的區別

console.log()能夠取代alert()或document.write()，在網頁腳本中使用console.log()時，會在瀏覽器控制檯打印出信息。

console.dir()能夠顯示一個對象全部的屬性和方法。

 

簡單寫了個例子：

HTML：

<button>console.log打印觸發對象</button>
<button>console.dir打印觸發對象</button>

JS：//console.log 與 console.dir 的區別 

//語法 console.dir(object);  //只有一個參數
 //爲了方便觀察能夠打開瀏覽器自帶的控制檯查看

//以下實例 //打印出來的是 body 標籤的html元素
console.log(document.body, 'bodyHtml'); //打印出來的是 body DOM 對象
// console.dir(document.body, '出不來');
console.dir(document.body); //實例二
var oButton = document.getElementsByTagName('button'); oButton[0].onclick = function(event){ console.log(event.target, 'button1'); } oButton[1].onclick = function(event){ console.dir(event.target, 'button2'); }

 

效果：

程序加載完成後，會立馬打印出 body 的 HTML 和 Object

 

 

一樣點擊第一個按鈕和第二個按鈕分別打印：

如今區別就很明顯了吧！因此有時候咱們須要在對象找方法的時候能夠使用 console.dir() 進行打印。

 

console的詳細方法能夠看看這篇文字： http://www.javashuo.com/article/p-eigghten-bt.html