jquery中的插件hqprint實現(xiàn)頁面局部打印
最近在項目中接到一個需求，是需要打印頁面中的表格部分懈涛，剛接到這個需求的時候確實有點(diǎn)懵理逊，以前也沒做過這方面的需求，所以就在度娘上面查了一下悉患，實現(xiàn)了產(chǎn)品的需求残家，所以特地分享一下，如有不正確的地方歡迎指正售躁。
jqprint是一個基于jQuery編寫的頁面打印的一個小插件坞淮，在Web打印的方面，前端的打印基本是靠window.print()的方式進(jìn)行打印的陪捷，但是這種打印是打印出來的是一個完整的頁面回窘，而這個插件在其基礎(chǔ)上進(jìn)行了進(jìn)一步的封裝，可以輕松實現(xiàn)打印網(wǎng)頁上的某個區(qū)域市袖，這是這個插件比較方便的部分啡直，下面就讓我們來看代碼吧。
這是jqprint插件的鏈接苍碟，點(diǎn)擊可下載
使用方法
在頁面中引入jquery和jqprint
<script src="jquery-1.4.4.min.js"></script>
<script src="jquery.jqprint-0.3.js"></script>
html部分
<div id="printSection"> <!--id是打印部分的容器-->
<table>
<tr>
<td>print</td>
<td>print</td>
<td>print</td>
<td>print</td>
<td>print</td>
</tr>
</table>
</div>
<input type="button" onclick=" print()" value="打印"/>
js部分
<script>
function print(){
$("#printSection").jqprint();
}
</script>
另外還可以設(shè)置打印模板
$("#printSection").jqprint({
debug: false, //如果是true則可以顯示iframe查看效果（iframe默認(rèn)高和寬都很小酒觅，可以再源碼中調(diào)大），默認(rèn)是false
importCSS: true, //true表示引進(jìn)原來的頁面的css微峰，默認(rèn)是true舷丹。（如果是true，先會找$("link[media=print]")蜓肆，若沒有會去找$("link")中的css文件）
printContainer: true, //表示如果原來選擇的對象必須被納入打友湛（注意：設(shè)置為false可能會打破你的CSS規(guī)則）。
operaSupport: true//表示如果插件也必須支持歌opera瀏覽器仗扬，在這種情況下症概，它提供了建立一個臨時的打印選項卡。默認(rèn)是true
});
