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的詳細方法可以看看這篇文字： https://segmentfault.com/a/1190000004528137