最近開(kāi)發(fā)過(guò)程中遇到了js局部打印的功能，在網(wǎng)上找相關(guān)的資料，最終找到了juery.jqprint-0.3.js

和jquery.PrintArea.js兩種。

?? 最初使用的是jquery.jqprint-0.3.js，是在彈窗的情況下使用，即使出現(xiàn)滾動(dòng)條也依然能夠把所有內(nèi)容成功打印出來(lái)。但是如果在當(dāng)前頁(yè)面div中出現(xiàn)滾動(dòng)條(div內(nèi)容過(guò)多,出現(xiàn)垂直滾動(dòng)條)的話,則內(nèi)容打印不全。所以最終選擇的的是jquery.PrintArea.js。這是我現(xiàn)在發(fā)現(xiàn)的最明顯的區(qū)別。

? 這兩個(gè)都是打印指定div內(nèi)的顯示內(nèi)容。

??jquery.PrintArea.js

??代碼

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script?language="javascript"?src="jquery-1.7.1.min.js"></script>? <script?type="text/javascript"?src="jquery.PrintArea.js"></script>? $(document).ready(function(){? ????$("#print").click(function(){? ????????$(".my_show").printArea();? ????});? });? <div?class="my_show">? 這個(gè)是打印時(shí)顯示的。? </div>? <div?class="my_hidden">? 這個(gè)是打印時(shí)隱藏的。? </div>? <input?type="button"?id="print"/>

這個(gè)插件還提供了一些參數(shù)可配置，使用的方法：$（element).printArea(option).?
這個(gè)方法我自己沒(méi)有用過(guò)，大家嘗試，有問(wèn)題的留言哈。?

參數(shù)設(shè)置：?
1.mode：模式，當(dāng)點(diǎn)擊打印按鈕時(shí)觸發(fā)模式，默認(rèn)為iframe，當(dāng)設(shè)置為popup則會(huì)新開(kāi)一個(gè)窗口頁(yè)面打印。?
2.popTitle：設(shè)置新開(kāi)窗口的標(biāo)題，默認(rèn)為空。?
3.popClose：完成打印后是否關(guān)閉窗口，默認(rèn)為false。

?

jquery.jqprint-0.3.js

代碼

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<script?language="javascript"?src="jquery-1.7.1.min.js"></script>? <script?language="javascript"?src="jquery.jqprint.js"></script> <script?type="text/javascript">? ????$(document).ready(function()?{? ????????$("#print").click(function(){? ????????????$(".my_show").jqprint();? ????????})? ????});? </script>? <div?class="my_show">? 這個(gè)打印時(shí)是顯示的? </div>? <div?class="my_hidden">? 這個(gè)打印時(shí)是隱藏的。? </div>? <input?type="button"?id="print"/>

該插件還提供了一些參數(shù)可配置：??
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ì)找$(“l(fā)ink[media=print]“)，若沒(méi)有會(huì)去找$(“l(fā)ink”)中的css文件）?
printContainer: true,//表示如果原來(lái)選擇的對(duì)象必須被納入打印（注意：設(shè)置為false可能會(huì)打破你的CSS規(guī)則）。?
operaSupport: true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true

分類: JAVASCRIPT,Jquery 本文轉(zhuǎn)自左正博客園博客，原文鏈接：http://www.cnblogs.com/soundcode/p/7448501.html，如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者

總結(jié)

以上是生活随笔為你收集整理的jquery 网页局部打印总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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