javascript 網頁打印預覽 在我們的日常生活中，看似簡單的操作也需要有技巧，比如打印網頁。在打印網頁之前，我們希望可以先預覽一下打印的效果，看看是否符合我們的要求。這時就需要用到javascript 網頁打印預覽。 預覽效果 在使用javascript 網頁打印預覽前，我們需要先明確一些需要預覽的內容。比如：需要打印的部分是全部還是部分；紙張的大小、方向和邊距等等。可以通過一些樣式調整來完成如下的效果預覽：

效果預覽：

代碼解析 首先，設置了一個樣式媒體查詢，用于在打印時設置一些特定的樣式，例如font-size為14pt，避免打印時文字過小難以閱讀；將padding和margin設置為0，這樣可以使得打印出來的效果更緊湊；最后，設置了.print-page為分頁符，保證每個圖片都單獨成頁。 其次，定義了.print-page的樣式，設置了圖片的顯示位置、大小和邊框等屬性。其中，圖片所在的.print-page div被當成了一個“頁面”，并設置了分頁符，這樣在打印時，每個圖片就會單獨打印并分頁。 最后，代碼的最后兩段就是兩個圖片，可以自己替換成自己想要打印的內容。 綁定事件 當我們的網頁內容準備好了，就需要綁定一個事件來完成打印。這個事件可以使用window.print()方法來實現。

綁定事件：

打印

代碼解析 在按鈕上綁定了一個onclick事件，當按鈕被點擊時，調用了printPage()函數，其中只有一個window.print()方法。這個方法就是用于控制打印機輸出的方法，當它被調用時，會調出操作系統的打印選項，讓我們選擇打印的設備和設置一些打印選項。 總結 在網頁打印時，javascript 網頁打印預覽可以讓我們看到打印的效果是否符合我們的需求，從而提供打印前的預覽和選擇。我們可以通過設置樣式來控制預覽的效果，完成自定義的打印方案。最后，只需要使用window.print()方法來實現打印，就可以方便快捷地實現網頁打印了。