最近項目需要做一個打印功能，是點擊一個按鈕成功后調用jQuery的打印功能，網上找了找，有一個jQuery打印插件jqprint。

首先需要創建一個打印區域

<div style="width: 100%" class="print_table">
? ? <table style="width: 100%" cellspacing="0" cellpadding="0">
? ? ? ? <thead><tr><th>1</th><th>編號</th></tr></thead>
? ? ? ? ......
? ? </table>
</div>

我們需要將打印的內容放在print_table的div區域里，然后我們需要在網頁的頭部引入jquery和jqprint插件

<script src="jquery.jqprint-0.3.js"></script> ? 插件下載：https://download.csdn.net/download/sunshine0508/10618087

為了處理jQuery和jqprint插件的版本不兼容問題，我們需要在網頁頭部添加以下

<script src="jquery-migrate-1.2.1.min.js"></script>?
插件下載：https://download.csdn.net/download/sunshine0508/10618075

按鈕調用

<input type="button" οnclick=" jprint()" value="打印"/>

js

function jprint(){

? ? ?$(".print_table").jqprint();

}

相關參數設置

$("#printContainer").jqprint({

debug: false, //如果是true則可以顯示iframe查看效果（iframe默認高和寬都很小，可以再源碼中調大），默認是false

importCSS: true, //true表示引進原來的頁面的css，默認是true。（如果是true，先會找$("link[media=print]")，若沒有會去找$("link")中的css文件）

printContainer: true, //表示如果原來選擇的對象必須被納入打印（注意：設置為false可能會打破你的CSS規則）。 operaSupport: true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的打印選項卡。默認是true });

總結

以上是生活随笔為你收集整理的如何调用浏览器打印功能来打印页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。