HTML DOM console.clear()用法及代碼示例

HTML DOM console.clear() 方法用於清除控製台。 console.clear() 方法也會在控製台中寫入 “Console was cleared” 消息並清除所有之前的控製台內容。所有瀏覽器都完全支持此方法。

用法

以下是 console.clear() 方法的語法 -

console.clear()

示例

讓我們看一個 HTML DOM console.clear() 方法的例子 -

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.clear() Method</h1>
<p>Press F12 on the keyboard to see the message on your console</p>
console.log("TEXT has been printed on the console!");
<p>Click the below button to clear the console</p>
<button onclick="clearConsole()">CLEAR</button>
<script>
   function clearConsole() {
      console.clear();
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

控製台 -

單擊清除按鈕 -

在上麵的例子中 -

我們已經使用 console.log() 方法向控製台寫入了一些消息 -

console.log("TEXT has been printed on the console!");

然後我們創建了一個按鈕 CLEAR，它將執行 clearConsole() 方法 -

<button onclick="clearConsole()">CLEAR</button>

clearConsole() 方法調用控製台對象上的 clear() 函數。這會清除控製台並在控製台上寫入 “Console was cleared”。

function clearConsole() {
   console.clear();
}

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM console.clear() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。