資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM console.group() 方法
HTML DOM console.group() 方法用於指示訊息組的開始，在此方法後編寫的全部訊息都將寫入該訊息組中。這樣可以為所有訊息製作一個組，或使用 label 引數製作多個組。
語法
以下為 console.group() 方法的語法 -
console.group([label])
此處，label 是一個可選引數。它為字串型別，用作建立的訊息組的標籤。
例項
讓我們看一下 HTML DOM console.group() 方法的一個例項 -
<!DOCTYPE html>
<html>
<body>
<h1>console.group() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="groupMessage()">GROUP</button>
<script>
function normMessage(){
console.log("Hello world!");
}
function groupMessage(){
console.group();
console.log("This message will be inside a group!");
console.log("This message will also be inside a group!");
}
</script>
</body>
</html>輸出
這將產生以下輸出 -
點選 NORMAL 按鈕並在控制檯觀察 -
點選 GROUP 按鈕並在控制檯觀察 -
在上例中 -
我們建立了兩個按鈕 NORMAL 和 GROUP，使用者單擊後，這兩個按鈕將執行 normMessage() 和 groupMessage() 方法。
<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="groupMessage()">GROUP</button>
normMessage() 方法帶有一個 console.log() 方法，該方法獲取一個字串或物件作為引數並將其顯示在控制檯中 -
function normMessage(){
console.log("Hello world!");
}groupMessage() 方法內部有一個 console.group() 方法，該方法明確指出此點之後編寫的全部訊息都將顯示在一個訊息組中
function groupMessage(){
console.group();
console.log("This message will be inside a group!");
console.log("This message will also be inside a group!");
}
更新時間：13-8-2019
79 檢視
廣告