1. 程式人生 > >六個Console命令

六個Console命令

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命令