簡要教程
jQuery.print是一款簡單易容且功能強大的網頁內容打印jQuery插件。該網頁打印插件可以打印指定區域的網頁元素，可以指定跳過不打印某些元素，還可以打印整個頁面內容。並且提供了豐富的打印參數設置。
使用方法
使用該網頁打印插件要引入jQuery和jquery.print.js文件。
<
script
type
=
"text/javascript"
src
=
"js/jquery.min.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"js/jquery.print.js"
></
script
>
|
jQuery版本已經在1.7.2和1.9.1版本中做過測試。其它版本請自行測試。
打印內容
可以像下面這樣使用來打印頁面內容。
$(
"#myElementId"
).print(
/*options*/
);
|
或者：
$.print(
"#myElementId"
/*, options*/
);
|
配置參數
你可以在調用打印方法時傳入一些參數：
$(
"#myElementId"
).print({
globalStyles:
true
,
mediaPrint:
false
,
stylesheet:
null
,
noPrintSelector:
".no-print"
,
iframe:
true
,
append:
null
,
prepend:
null
,
manuallyCopyFormValues:
true
,
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 | 是否將用戶更新的表單輸入框內容作為打印內容（通過迭代每一個表單元素來實現） |