<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # console console.log("normal"); // 用于輸出普通信息 console.info("information"); // 用于輸出提示性信息 console.error("error"); // 用于輸出錯誤信息 console.warn("warn"); // 用于輸出警示信息 ![](https://box.kancloud.cn/a6035f99bd30d659548eb97922f5e081_243x80.png) ~~~ console.log("%s","string"); //字符(%s) console.log("%d年%d月%d日",2016,8,29); //整數(%d或%i) console.log("圓周率是%f",3.1415926); //浮點數(%f) var dog = {}; dog.name = "大毛"; dog.color = "黃色"; dog.sex = "母狗"; console.log("%o",dog); // ~~~ ![](https://box.kancloud.cn/c23a3f33cfbac43e67b5ad22c33195c7_414x265.png) **三、信息分組 (console.group(),console.groupEnd())** ~~~ console.group("第一組信息"); console.log("第一組第一條:我的博客"); console.log("第一組第二條:CSDN"); console.groupEnd(); console.group("第二組信息"); console.log("第二組第一條:程序愛好者QQ群"); console.log("第二組第二條:歡迎你加入"); console.groupEnd(); ~~~ ![](https://box.kancloud.cn/c1927b3e863aa264eaed9dc62fc5e219_379x245.png) **四、將對象以樹狀結構展現 (console.dir()可以顯示一個對象所有的屬性和方法)** ~~~ var info = { name : "Alan", age : "27", grilFriend : "nothing", getName : function(){ return this.name; } } console.dir(info); ~~~ ![](https://box.kancloud.cn/25d427e173d5e48a9f5da22adfb052fd_380x235.png) **五、顯示某個節點的內容 (console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml代碼)** ~~~ var node = document.getElementById("info"); node.innerHTML += "<p>追加的元素顯示嗎</p>"; console.dirxml(node); ~~~ ![](https://box.kancloud.cn/fee21295cc63dc54dfa49eb72b50090d_378x145.png) **六、判斷變量是否是真 (console.assert()用來判斷一個表達式或變量是否為真,只有表達式為false時,才輸出一條相應作息,并且拋出一個異常)** ~~~ var testObj = false; console.assert(testObj, '當testObj為false時才輸出!'); ~~~ ![](https://box.kancloud.cn/92948984150570c8bfb6e7e78512ddef_609x121.png) **七、計時功能 (console.time()和console.timeEnd(),用來顯示代碼的運行時間)** ~~~ console.time("控制臺計時器"); for(var i = 0; i < 10000; i++){ for(var j = 0; j < 10000; j++){} } console.timeEnd("控制臺計時器"); ~~~ ![](https://box.kancloud.cn/a0346b770c12d82ff7aa64ab0b906cec_450x98.png) **八、性能分析performance profile (就是分析程序各個部分的運行時間,找出瓶頸所在,使用的方法是console.profile()和console.proileEnd();) ** ~~~ function All(){ // alert(11); for(var i = 0; i < 10; i++){ funcA(100); } funcB(1000); } function funcA(count){ for(var i = 0; i < count; i++){}; } function funcB(count){ for(var i = 0; i < count; i++){}; } console.profile("性能分析器"); All(); console.profileEnd(); ~~~ 詳細的信息在chrome控制臺里的"profile"選項里查看 ![](https://box.kancloud.cn/91a2c0907ce5ae1289a58e34d9e5677b_513x227.png) **九、console.count()統計代碼被執行的次數** ~~~ function myFunction(){ console.count("myFunction 被執行的次數"); } myFunction(); //myFunction 被執行的次數: 1 myFunction(); //myFunction 被執行的次數: 2 myFunction(); //myFunction 被執行的次數: 3 ~~~ ![](https://box.kancloud.cn/247521f9f1baa1b03011b2cecbda8cca_507x228.png) **十一、console.table表格顯示方法** ~~~ var mytable = [ { name: "Alan", sex : "man", age : "27" }, { name: "Wu", sex : "gril", age : "28" }, { name: "Tao", sex : "man and gril", age : "29" } ] console.table(mytable); ~~~ ![](https://box.kancloud.cn/56448db6caa9ef76c4de19875083ac9f_681x348.png) **十二、Chrome 控制臺中原生支持類jQuery的選擇器,也就是說你可以用$加上熟悉的css選擇器來選擇DOM節。** ![](https://box.kancloud.cn/594cd5a4e47992ad4c5676c0b4bdd258_1284x420.png) **十三、copy通過此命令可以將在控制臺獲取到的內容復制到剪貼板** ![](https://box.kancloud.cn/1f1f9343ef0623d4821b39c41cee7999_558x123.png) **十四、$_命令返回最近一次表達式執行的結果,$0-$4代表了最近5個你選擇過的DOM節點** ![](https://box.kancloud.cn/e413a0355f0e06135c8af6fad62d5c08_836x455.png) **十五、利用控制臺輸出文字,圖片,以%c開頭,后面的文字就打印的信息,后面一個參數就是樣式屬性;** ~~~ console.log("請在郵件中注明%c 來自:console","font-size:16px;color:red;font-weight:bold;"); ~~~ ![](https://box.kancloud.cn/0dc04fccff920ad513684ff648fbd435_620x41.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看