六個Console命令
阿新 • • 發佈:2018-07-09
bsp tel cnblogs png ntb mage 節點 () style
一、顯示信息的命令
<script> console.log(‘hello‘); console.log(‘信息‘); console.log(‘錯誤‘); console.log(‘警告‘); </script>
效果:
二、信息分組
console.group("第一組信息");
console.log("第一組第一條");
console.log("第一組第二條");
console.groupEnd();
console.group("第二組信息");
console.log("第二組第一條");
console.log("第二組第二條:歡迎你加入");
console.groupEnd();
效果:
三、查看對象的信息
var info = { blog:"http://www.cnblogs.com/zwtqf/", name:"Funny", address:"sh", }; console.dir(info);
效果:
四、顯示某個節點的內容
console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml代碼。
<html> <head></head> <body> <div id="info"> <h3>我的博客:http://www.cnblogs.com/zwtqf/</h3> </div> <script> var info = document.getElementById(‘info‘); console.dirxml(info); </script> </body > </html>
五、判斷變量是否為真
console.assert()用來判斷一個表達式或變量是否為真。如果結果為否,則在控制臺輸出一條相應信息,並且拋出一個異常。
六、計時功能
console.time()和console.timeEnd(),用來顯示代碼的運行時間。
六個Console命令