jQuery.print是一個用于打印頁面特定部分的插件沸版。
一闺兢、安裝
1. npm安裝: npm install jQuery.print
2. 到github下載
下載地址:https://github.com/DoersGuild/jQuery.print,然后再html中引用<script type="text/JavaScript" src="path/to/jquery.print.js"></script>
二缀旁、 使用
$("#myElementId").print(/*options*/);
/* 或者 */
$.print("#myElementId" /*, options*/);
三、 參數(shù)配置
$("#myElementId").print({
globalStyles: true,
mediaPrint: false,
stylesheet: null,
noPrintSelector: ".no-print",
iframe: true,
append: null,
prepend: null,
manuallyCopyFormValues: true,
deferred: $.Deferred(),
timeout: 750,
title: null,
doctype: '<!doctype html>'
});
globalStyles: 默認true;接收值:Boolean挪蹭;功能:是否包含來自父文檔的樣式
mediaPrint: 默認false;接收值:Boolean休偶;功能:是否包含media='print'的鏈接標簽;由globalStyles選項重寫
stylesheet: 默認null梁厉;接收值:URL-string;功能:要包含的外部樣式表的URL
noPrintSelector: 默認值".no-print"踏兜;接收值:有效的jQuery-selector词顾;功能:要排除在打印之外的項的選擇器
iframe: 默認值true,如果傳遞了無效的iframe選擇器碱妆,則創(chuàng)建一個隱藏的iframe肉盹;接收值:任何有效的jQuery-selector或Boolean;功能:是否從iframe而不是彈出窗口打印;可以接受jquery -選擇器的一個現(xiàn)有的iframe的值
append/prepend: 默認值null疹尾;接收值:任何有效的jQuery-selector或HTML-text上忍;功能:在選定內(nèi)容之前(前置)或之后(追加)添加自定義HTML
manuallyCopyFormValues: 默認值true;接收值:Boolean纳本;功能:它是否應(yīng)該將用戶更新的表單輸入值復(fù)制到打印的標記上(這是通過手工遍歷每個表單元素來完成的)
deferred: 默認值$.Deferred()窍蓝;接收值:任何有效的jQuery.Deferred對象;功能:一個jQuery繁成。調(diào)用print函數(shù)后解析的Deferred對象吓笙。可以用來設(shè)置回調(diào)-參見wiki
timeout: 默認值750朴艰;接收值: setTimeout的時間(毫秒)观蓄;功能:在新創(chuàng)建的窗口/iframe中打印元素之前混移,改變等待內(nèi)容等加載的最大時間,作為新窗口/iframe的加載事件尚未觸發(fā)時的回滾
title: 默認值null侮穿,使用主機頁面標題歌径;接收值:任何單行字符串;功能:更改打印的標題
doctype: 默認值:'<!doctype html>'亲茅;接收值:任何有效的doctype字符串回铛;功能:在打印的文檔框架前添加文檔類型