一款很好用的Jquery 列印外掛——jQuery.print.js
阿新 • • 發佈：2019-02-16
在進行網頁開發中不可避免會使用到列印功能，下面就來學習一下一款簡單易用的外掛吧！
配置引數
你可以在呼叫列印方法時傳入一些引數：
$("#myElementId").print({
globalStyles:true,//是否包含父文件的樣式，預設為true
mediaPrint:false,//是否包含
stylesheet:null,//外部樣式表的URL地址，預設為null
noPrintSelector:".no-print",//不想列印的元素的jQuery選擇器，預設為".no-print"
iframe:true,//是否使用一個iframe來替代打印表單的彈出視窗，true為在本頁面進行列印，false就是說新開一個頁面列印，預設為true
append:null,//將內容新增到列印內容的後面
prepend:null,//將內容新增到列印內容的前面，可以用來作為要列印內容
deferred:
$.Deferred()//回撥函式
});
|
| 引數 | 預設值 | 接收值 | 描述 |
| globalStyles |
true |
Boolean | 是否包含父文件的樣式 |
| mediaPrint |
false |
Boolean |
是否包含media='print'globalStyles選項覆蓋 |
| stylesheet |
null |
URL-string | 外部樣式表的URL地址 |
| noPrintSelector |
".no-print" |
任何可用的jQuery選擇器 | 不想列印的元素的jQuery選擇器 |
| iframe |
預設true，如果沒有iframe選擇器被傳入會建立一個隱藏的iframe |
任何可用的jQuery選擇器或Boolean | 是否使用一個iframe來替代打印表單的彈出視窗 |
| append/prepend |
null |
Boolean | 是否將使用者更新的表單輸入框內容作為列印內容（通過迭代每一個表單元素來實現） |
附上一個簡單的demo：