JavaScript 打印 – 到控制台、網頁或打印機 [示例]

您搜索了 “JavaScript 打印” – 所以您可能正在嘗試將數據輸出到控制台、網頁或打印機。以下是如何做到這三個。

使用 console.log() 打印到控制台

JavaScript console.log() 方法打印 數據到 JavaScript 控制台（在您的瀏覽器網絡檢查器中可見 )。

任何類型 可以將大量數據記錄到控制台，包括字符串、數字、數組和對象，並且將顯示該值的內容或文本表示形式。

console.log() 經常用於調試 - 開發人員使用它來查看變量的內容或函數的結果，以確保他們的代碼在不顯眼的地方工作。

console.log() 語法

console.log() 的語法 方法如下：

console.log(MESSAGE)

注意：

• 留言 是您希望在控制台中看到的文本或對象

使用 JavaScript 將文本打印（附加）到當前網頁

您可能還希望打印 數據到正在查看的網頁。這是使用 document.append() 完成的 方法。

document.append() 語法

將元素附加到當前頁面/文檔末尾的語法如下：

document.body.append(CONTENT)

注意：

• 內容 應該是一個或多個要附加到當前頁面末尾的 HTML 元素
• 正文 是您希望附加到的文檔元素——在這種情況下，HTML 文檔的正文被指定
  • 您也可以附加到 head 或其他根 HTML 元素，但如果您希望內容可見，則應將其附加到 body 元素
• 如果您希望添加 （將數據添加到）文檔的開頭，document.prepend(CONTENT) 可以同樣的方式使用

document.append() 示例

我將提供一個簡單的示例，因為您還需要構建一個 HTML 對象，其中包含您希望打印的數據 /追加/前置：

var paragraphElement = document.createElement("p");
var myText = document.createTextNode("Linux is great!");
paragraphElement.appendChild(myText);
document.body.append(paragraphElement);

評論應該解釋上面發生了什麼。運行上面的結果將是添加文本“Linux 很棒！”到當前網頁的末尾。

請注意，這些更改不是永久性的！刷新頁面會將其恢復到原始狀態。

使用 window.print() 打印到打印機

這個又快又容易！調出網絡瀏覽器的打印 通過執行以下 JavaScript 代碼對話框：

window.print();

希望您希望打印 使用 JavaScript，你現在已經知道如何使用了！