資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM console.groupCollapsed() 方法
HTML DOM console.groupCollapsed() 方法指定摺疊訊息組的開頭。
語法
以下為語法 −
console.groupCollapsed(label)
其中，label 是小組的標籤。
示例
讓我們看一個 console.groupCollapsed() 方法的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>console.groupCollapsed() 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="CollMessage()">COLLAPSED</button>
<script>
function normMessage(){
console.log("Hello world!");
}
function CollMessage(){
console.groupCollapsed();
console.log("This message will be inside a collapsed group!");
console.log("This message will also be inside a collapsed group!");
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
單擊正常按鈕並在開發人員選項中檢視控制檯檢視 −
單擊摺疊按鈕並在開發人員選項中檢視控制檯檢視 −
單擊摺疊按鈕並在開發人員選項中檢視控制檯檢視 −
在上述示例中 −
我們建立了兩個按鈕摺疊和組，它們將在使用者單擊後執行 CollMessage() 和 groupMessage() 方法。
<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="CollMessage()">COLLAPSED</button>
normMessage() 方法具有 console.log() 方法，該方法採用作為引數提供的字串或物件，並將其簡單地顯示到控制檯。
function normMessage(){
console.log("Hello world!");
}CollMessage() 方法包含 console.groupCollapsed() 方法，該方法規定由此點開始的所有訊息都將顯示在摺疊的訊息組中。現在，這些訊息摺疊在這個訊息組中，與 group() 方法的預設擴充套件檢視不同 −
function CollMessage(){
console.groupCollapsed();
console.log("This message will be inside a collapsed group!");
console.log("This message will also be inside a collapsed group!");
}
更新於: 08-Aug-2019
45 次檢視
廣告