首页 > 其他 > 详细

六个Console命令

时间:2018-07-08 22:57:31      阅读:177      评论:0      收藏:0      [点我收藏+]

一、显示信息的命令

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!