jquery.printarea 是一款可以實現(xiàn)打印預(yù)覽功能的 jQuery 插件。它可以讓網(wǎng)頁上的元素以打印紙張的形式進(jìn)行預(yù)覽和打印,達(dá)到更好的打印效果。
// 引入 jQuery 和 printarea.js <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="printarea.js"></script> // 創(chuàng)建打印按鈕的點擊事件 $('#printBtn').click(function() { // 獲取要打印的區(qū)域的 HTML 內(nèi)容 var printContent = $('#printArea').html(); // 創(chuàng)建打印窗口 var printWindow = window.open('', '_blank', 'height=500,width=500'); // 把要打印的內(nèi)容放入打印窗口 $(printWindow.document.body).html(printContent); // 調(diào)用打印預(yù)覽功能 $(printWindow).printArea(); });
通過以上代碼,我們可以在網(wǎng)頁上添加一個打印按鈕,并在點擊按鈕時實現(xiàn)打印預(yù)覽。同時,我們還需在 HTML 中定義要打印的區(qū)域,例如:
<div id="printArea"> <h1>這是要打印的標(biāo)題</h1> <p>這是要打印的內(nèi)容</p> </div>
通過使用 jquery.printarea 插件,我們可以方便地實現(xiàn)網(wǎng)頁上的打印預(yù)覽功能,提高打印效果。