一款很好用的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: