真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery網(wǎng)頁局部打印總結(jié)

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

科爾沁右翼中網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

和jquery.PrintArea.js兩種。

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

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

  jquery.PrintArea.js

  代碼

 
 

$(document).ready(function(){ 
    $("#print").click(function(){ 
        $(".my_show").printArea(); 
    }); 
}); 

 
這個(gè)是打印時(shí)顯示的。 
    這個(gè)是打印時(shí)隱藏的。 
 

這個(gè)插件還提供了一些參數(shù)可配置,使用的方法:$(element).printArea(option).
這個(gè)方法我自己沒有用過,大家嘗試,有問題的留言哈。

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

jquery.jqprint-0.3.js

代碼

 


 
    $(document).ready(function() { 
        $("#print").click(function(){ 
            $(".my_show").jqprint(); 
        }) 
    }); 
 

 
這個(gè)打印時(shí)是顯示的 
    這個(gè)打印時(shí)是隱藏的。   

該插件還提供了一些參數(shù)可配置: 
debug: false,//如果是true則可以顯示iframe查看效果(iframe默認(rèn)高和寬都很小,可以再源碼中調(diào)大),默認(rèn)是false
importCSS: true, //true表示引進(jìn)原來的頁面的css,默認(rèn)是true。(如果是true,先會找$(“l(fā)ink[media=print]“),若沒有會去找$(“l(fā)ink”)中的css文件)
printContainer: true,//表示如果原來選擇的對象必須被納入打?。ㄗ⒁猓涸O(shè)置為false可能會打破你的CSS規(guī)則)。
operaSupport: true//表示如果插件也必須支持歌opera瀏覽器,在這種情況下,它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true


分享題目:jquery網(wǎng)頁局部打印總結(jié)
轉(zhuǎn)載來于:http://weahome.cn/article/pcoccs.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部