HTML DOM console.count() 方法


HTML DOM console.count() 方法用於在控制檯輸出 console.count() 方法被呼叫的次數。您還可以為該方法提供一個可選引數標記。該標記有助於我們對 console.count() 方法進行單獨計數。

語法

以下是 console.count() 方法的語法 −

console.count( [label] );

此處,label 是字串型別的一個可選引數,用於輸出該特定標記已被呼叫了多少次。

示例

我們來看一個 console.count() 方法的示例 −

<!DOCTYPE html>
<html>
<body>
<h1>console.count() method</h1>
<p>Press F12 to view the message in the console view.</p>
<button type="button" onclick="count()">COUNT</button>
<script>
   function count(){
      for(var i=0;i<6;i++){
         if(i>3)
            console.count("Label2");
         else
            console.count("Label1");
      }
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 −

單擊 COUNT 按鈕並在控制檯選項卡檢視時 −

在上述示例中 −

我們首先建立了一個按鈕 COUNT,它將在使用者單擊後執行 count() 方法 −

<button type="button" onclick="count()">COUNT</button>

count() 函式在標記 1 上呼叫 console.count() 四次,在標記 2 上只調用了兩次,然後我們的 for 迴圈終止。我們可以在上面的輸出中看到,標記 1 的最後一個值為 4,而標記 2 的最後一個值為 2 −

function count(){
   for(var i=0;i<6;i++){
      if(i>3)
         console.count("Label2");
      else
         console.count("Label1");
   }
}

更新時間: 2019-08-08

442 次瀏覽

開啟您的 職業

完成課程以獲得認證

開始
廣告
© . All rights reserved.