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: 默認(rèn)true;接收值:Boolean;功能:是否包含來自父文檔的樣式
mediaPrint: 默認(rèn)false;接收值:Boolean;功能:是否包含media='print'的鏈接標(biāo)簽;由globalStyles選項重寫
stylesheet: 默認(rèn)null;接收值:URL-string;功能:要包含的外部樣式表的URL
noPrintSelector: 默認(rèn)值".no-print";接收值:有效的jQuery-selector;功能:要排除在打印之外的項的選擇器
iframe: 默認(rèn)值true,如果傳遞了無效的iframe選擇器,則創(chuàng)建一個隱藏的iframe;接收值:任何有效的jQuery-selector或Boolean;功能:是否從iframe而不是彈出窗口打印;可以接受jquery -選擇器的一個現(xiàn)有的iframe的值
append/prepend: 默認(rèn)值null;接收值:任何有效的jQuery-selector或HTML-text;功能:在選定內(nèi)容之前(前置)或之后(追加)添加自定義HTML
manuallyCopyFormValues: 默認(rèn)值true;接收值:Boolean;功能:它是否應(yīng)該將用戶更新的表單輸入值復(fù)制到打印的標(biāo)記上(這是通過手工遍歷每個表單元素來完成的)
deferred: 默認(rèn)值$.Deferred();接收值:任何有效的jQuery.Deferred對象;功能:一個jQuery。調(diào)用print函數(shù)后解析的Deferred對象。可以用來設(shè)置回調(diào)-參見wiki
timeout: 默認(rèn)值750;接收值: setTimeout的時間(毫秒);功能:在新創(chuàng)建的窗口/iframe中打印元素之前,改變等待內(nèi)容等加載的最大時間,作為新窗口/iframe的加載事件尚未觸發(fā)時的回滾
title: 默認(rèn)值null,使用主機(jī)頁面標(biāo)題;接收值:任何單行字符串;功能:更改打印的標(biāo)題
doctype: 默認(rèn)值:'<!doctype html>';接收值:任何有效的doctype字符串;功能:在打印的文檔框架前添加文檔類型