zoukankan      html  css  js  c++  java
  • js的console总结

    1.

    <!DOCTYPE html>
    <html>
    <head>
       <title>format</title>
       <meta charset="gbk">
    </head>
    <body>
        我爱GH
    </body>
    <script type="text/javascript">
        console.log("log");
        console.warn("warning");
        console.error("error");
    </script>
    </html>

    2.

    <!DOCTYPE html>
    <html>
    <head>
       <title>format</title>
    </head>
    <body>
        hello World
    </body>
     <script type="text/javascript">
         console.log("身高:%dcm,体重:%fkg",188,44.4);
     </script>
     </html>

    3.

    <!DOCTYPE html>
    <html>
    <head>
       <title>分组的使用</title>
    </head>
    <body>
        hello World
    </body>
     <script type="text/javascript">
        console.group("1");
        console.groupEnd();
      console.group("2");
        console.log("2.1:我很丑");
        console.log("2.2:但是我很温柔");
      console.groupEnd();
     </script>
     </html>

    4.

    <!DOCTYPE html>
    <html>
    <head>
       <title>类的输出</title>
    </head>
    <body>
        hello World
    </body>
    <script type="text/javascript">
        var info = {
            age:20,
            interesting:"mobile programing"
        };
        console.dir(info);
    </script>
    </html>

    5.

    <!DOCTYPE html>
    <html>
    <head>
       <title>html元素的打印</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
           var info = document.getElementById('bice');
           console.dirxml(info);
    </script>
    </html>

    6.

     <!DOCTYPE html>
    <html>
    <head>
       <title>assert判断真假</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
        console.assert( 1 ,"结果为假");
        var code = 1024;
        console.assert(year == 2048 ,"code不等");
    </script>
    </html>

    7.

     <!DOCTYPE html>
    <html>
    <head>
    <title>追踪函数</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
      function test(a,b){
            console.trace();
      }
      test(1,1);
    </script>
    </html>

    8.

     <!DOCTYPE html>
    <html>
    <head>
       <title>计时</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
        console.time("计时开始");
      for(var i=0;i<1000;i++){
        for(var j=0;j<1000;j++){}
      }
      console.timeEnd("计时结束");
    </script>
    </html>

    9.

     <!DOCTYPE html>
    <html>
    <head>
       <title>性能分析</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
        function Test(){
            alert("性能测试");
           for(var i=0;i<1000;i++){
              for (var i = 0; i < 1000; i++) {
                  for (var i = 0; i < 1000; i++) {}
              }
            }
      }
       console.profile('性能分析器');
        Test();
           console.profileEnd();
    </script>
    </html>
  • 相关阅读:
    texarea动态改变监听
    输入配置
    linux 上安装redis 解压之后使用make命令报错
    sql语句能查询出 放在web程序查询不出
    Eclipse 使用git pull 代码时发生冲突的解决办法
    eclipse git 解决冲突
    微信小程序获取openid
    mybatis 一对多 一对一 xml配置
    Eclipse 中撤消git push提交
    idea 开发中遇到的问题
  • 原文地址:https://www.cnblogs.com/qvbrgw/p/4525241.html
Copyright © 2011-2022 走看看