首頁 > web前端 > js教程 > web的各種前端列印方法之jquery列印外掛程式jqprint實作網頁列印_jquery

web的各種前端列印方法之jquery列印外掛程式jqprint實作網頁列印_jquery

WBOY
發布: 2016-05-16 17:44:02
原創
2311 人瀏覽過

web的列印方法具我自己懂得知道的有:

1、JQuery外掛Jqprint實作
2、JQery列印外掛PrintArea實作網頁列印
3、CSS控制網頁列印樣式

JQuery插件Jqprint實作
首先要導入js檔:
jquery.jqprint.js下載





複製程式碼 程式碼如下:
html程式碼:






複製程式碼

程式碼如下:
這個列印時是顯示的
這個印刷時是隱藏的。

javascript代碼



javascript代碼




複製程式碼


程式碼如下:


插件也提供了一些參數可設定:  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
而我自己使用到的只有importCSS:原始頁面中的連結將會匯入到 iframe。第一次它媒體 searchs = 列印,如果沒有,將導入的正常的 css 檔案。

importCSS範例: 複製程式碼複製程式碼 程式碼如下$('.my_show').jqprint({ importCSS://CSS樣式檔});
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板