JavaScript是一門精妙的編程語言，它有著強大的能力，可以讓我們輕松地打印HTML頁面。無論是快速地生成打印出的文檔，還是自定義頁面樣式，JavaScript都可以輕松實現。那么，接下來，我們就來看看如何使用JavaScript來打印HTML頁面吧。 在實際應用中，我們要使用window.print()方法來完成HTML頁面的打印。這個方法很容易理解，我們只需要在需要打印的時候調用這個方法即可。下面是一個簡單的使用示例：

function printPage() {
window.print();
}

當我們點擊按鈕時，就會彈出打印框，讓我們選擇打印的內容。在這個例子中，我們只是簡單地調用了print()方法，但是有時候我們也需要對打印的頁面進行一些處理。 有些時候，我們需要自定義打印頁面的布局和樣式。這時，我們可以使用CSS來完成。以下是一個簡單的示例。

這是一份打印頁面
打印

在這個例子中，我們使用CSS3的@media print來實現自定義樣式。這樣，在我們執行打印操作時，將只顯示.print-only元素及其子元素，并進行一些樣式設置（例如，設置字體大小、文本對齊、圖片大小等）。 另一方面，我們有時候還需要給打印頁面添加頁眉、頁腳、水印等等。這些可以通過使用JavaScript來實現。下面是一個關于打印水印的用例：

function printWatermark(watermarkText) {
var div = document.createElement('div'),
txt = document.createTextNode(watermarkText),
body = document.getElementsByTagName('body')[0];
// 設置水印樣式
div.style.position = 'absolute';
div.style.top = 0;
div.style.left = 0;
div.style.width = '100%';
div.style.height = '100%';
div.style.opacity = 0.5;
div.style.zIndex = 999;
div.style.textAlign = 'center';
div.style.paddingTop = '30%';
div.style.fontSize = '48px';
div.style.fontWeight = 'bold';
div.style.color = '#000';
div.style.textShadow = '1px 1px #fff';
div.appendChild(txt);  
body.appendChild(div);
window.print();
}

在這個例子中，我們創建了一個包含水印文字內容的div元素，并設置了它的樣式和其他屬性。之后，我們將這個div元素添加到標簽中，并調用window.print()方法打印頁面。這樣，我們就可以在打印的頁面中看到水印了。 總體來說，JavaScript是一個非常有用的工具，可以方便地對HTML頁面進行打印。無論是簡單的打印操作，還是自定義頁面樣式，或是添加頁眉、頁腳、水印等等，都可以通過JavaScript輕松實現。所以，對于Web開發者來說，熟悉JavaScript的打印機制是非常重要的。