使用jquery.print.js打印網頁內容是一種非常方便的方法。這個插件可以讓你在瀏覽器中直接打印出網頁內容,而無需將其導出到其他文件或使用其他打印工具。以下是jquery.print.js的用法。
首先,在你的網頁中引入jquery.print.js文件??梢允褂肅DN鏈接或者將文件下載到本地。
<script src="https://cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.print/1.6.0/jQuery.print.min.js"></script>
接下來,給你想要打印的元素添加class名,例如你要打印id為content的div元素。<div id="content" class="print">
<h1>這是要打印的內容</h1>
<p>這是要打印的內容的一些文字描述</p>
</div>
然后使用jquery.print.js中的代碼來觸發打印。$('button').on('click', function () {
$("div.print").print({
globalStyles: true,
mediaPrint: false,
stylesheet: null,
noPrintSelector: ".no-print",
iframe: true,
append: null,
prepend: null,
manuallyCopyFormValues: true,
deferred: $.Deferred()
});
});
在上面這段代碼中,我們使用了一個button元素,并且使用jquery.on()方法來綁定了一個事件處理器函數。這個處理器函數會被觸發,當按鈕被點擊時。在函數中,我們使用jquery.print.js中的函數,將添加class名為"print"的元素(即我們要打印的元素),打印輸出到打印機上。函數中的其他參數也可以根據需要進行修改。
最后,你只需要點擊按鈕就可以直接把需要打印的內容輸出到打印機上了。