浏览器打印 console

最新推荐文章于 2024-09-05 17:49:01 发布

自找苦吃，自得其乐

最新推荐文章于 2024-09-05 17:49:01 发布

阅读量2.1k

点赞数

分类专栏： 11_js 文章标签：浏览器

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/51682250

版权

11_js 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title></title>
</head>
<body>
<table id="table1" border="1">
<tr><td>A</td></tr>
    <tr><td>B</td></tr>
    <tr><td>C</td></tr>

</table>

<script type="text/javascript">
    // 1.console 打印的种类
    /*
    console.log("log log")
    console.info("console info")
    console.warn("console warn")
    console.error("console error");
    */

    // 2.console 占位符
   // 支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种。
    //2.1.打印数值
    /*
    console.log("%d年%d月%d日", 2016,06,15)
    console.log("圆周率是%f",3.1415926);
    //2.2.打印对象
    var dog = {};
    dog.name="大毛";
    dog.color="黄色";
    console.log("%o",dog);
    */

    //3.分组打印
    //如果信息太多，可以分组显示，用到的方法是console.group()和console.groupEnd()。
    /*
    console.group("第一组信息");
    console.log("第一组第一条");
    console.log("第一组第二条");
    console.groupEnd();

    console.group("第二组信息");
    console.log("第二组第一条");
    console.log("第二组第二条");
    console.groupEnd();
    */

    //4.查看对象的所有属性和方法 console.dir()
    /*
    var dog = {};
    dog.name="大毛";
    dog.color="黄色";
    dog.bark = function(){alert("汪汪汪");};
    console.dir(dog);
    */

    //5.线上网页节点信息 console.dirxml()
    /*
    var table = document.getElementById("table1");
    console.dirxml(table);
    */

    //6.断言，console.assert()
    /*
    var result = 0;
    console.assert( result );
    var year = 2000;
    console.assert(year == 2011 );
    */

    //7.追踪函数调用轨迹console.trace()
    /*
    function add(a,b){
        console.trace()
        return a+b;
    }
    function add3(a,b){
        return add2(a,b);
    }
    function add2(a,b){
        return add1(a,b);
    }
    function add1(a,b){
        return add(a,b);
    }
    var x = add3(1,1);
    console.info(x);
    */

    //8.计时功能
    //console.time()和console.timeEnd()，用来显示代码的运行时间。
    /*
    console.time("计时器一");
    for(var i=0;i<1000;i++){
    for(var j=0;j<1000;j++){}
    }
    console.timeEnd("计时器一");
    */

    //9.性能分析
    function Foo(){

    for(var i=0;i<10;i++){funcA(1000);}

        funcB(10000);

    }

    function funcA(count){

    for(var i=0;i<count;i++){}

    }

    function funcB(count){

    for(var i=0;i<count;i++){}

    }

    //然后，就可以分析Foo()的运行性能了。
    console.profile('性能分析器一');
    Foo();
    console.profileEnd();
</script>

</body>
</html>