最近項(xiàng)目需要做一個(gè)打印功能，是點(diǎn)擊一個(gè)按鈕成功后調(diào)用jQuery的打印功能，網(wǎng)上找了找，有一個(gè)jQuery打印插件jqprint。

首先需要?jiǎng)?chuàng)建一個(gè)打印區(qū)域

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

我們需要將打印的內(nèi)容放在print_table的div區(qū)域里，然后我們需要在網(wǎng)頁(yè)的頭部引入jquery和jqprint插件

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

為了處理jQuery和jqprint插件的版本不兼容問(wèn)題，我們需要在網(wǎng)頁(yè)頭部添加以下

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

按鈕調(diào)用

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

js

function jprint(){

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

}

相關(guān)參數(shù)設(shè)置

$("#printContainer").jqprint({

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

importCSS: true, //true表示引進(jìn)原來(lái)的頁(yè)面的css，默認(rèn)是true。（如果是true，先會(huì)找$("link[media=print]")，若沒(méi)有會(huì)去找$("link")中的css文件）

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。