jQuery.print是jQuery的一個插件,可以方便地打印整個頁面或指定區域,使得網頁能夠更好地應用于打印。這個插件的使用非常簡單,只需引入jQuery和jquery.print.js文件即可。
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="jquery.print.js"></script>
然后只需添加一個按鈕,綁定打印事件即可:
<button id="print">打印
如果要打印整個頁面,只需將參數改為body:
<button id="print">打印
另外,在一些特殊情況下,可能需要打印一個包含網址的元素,如二維碼。這時可以通過CSS樣式來控制元素是否隱藏,從而達到特殊需求的打印效果:
<style>
.no-print { display: none; }
@media print {
.only-print { display: block; }
.no-print { display: block; }
}
</style>
<div id="qrcode" class="no-print">
<img src="https://example.com/qrcode.png">
</div>
<button id="print">打印</button>
<script>
$('#print').on('click', function() {
$('#qrcode').addClass('only-print');
window.print();
$('#qrcode').removeClass('only-print');
});
</script>