一,需求背景
項目中遇到打印功能,想實現完美的打印功能,對元素進行操作等,可以使用jquery print 插件。
二,依賴文件
1,jquery
2,jquery.print-preview.js
3,jQuery.print.js
三,使用和配置
$("#myElementId").print({
globalStyles:true,//是否包含父文檔的樣式,默認為true
mediaPrint:false,//是否包含media='print'的鏈接標簽。會被globalStyles選項覆蓋,默認為false
stylesheet:null,//外部樣式表的URL地址,默認為null
noPrintSelector:".no-print",//不想打印的元素的jQuery選擇器,默認為".no-print"
iframe:true,//是否使用一個iframe來替代打印表單的彈出窗口,true為在本頁面進行打印,false就是說新開一個頁面打印,默認為true
append:null,//將內容添加到打印內容的后面
prepend:null,//將內容添加到打印內容的前面,可以用來作為要打印內容
deferred: $.Deferred()//回調函數
});
使用感想
非常簡單易用,適合各種應用場景的打印,預覽
