码迷,mamicode.com
首页 > 其他好文 > 详细

六个Console命令

时间:2018-07-08 23:09:38      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:www   ddr   element   var   运行时间   控制台   ntb   表达   www.   

一、显示信息的命令

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

标签:www   ddr   element   var   运行时间   控制台   ntb   表达   www.   

原文地址:https://www.cnblogs.com/zwtqf/p/9281535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!