jQuery.print實現(xiàn)前端打印

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字符串;功能:在打印的文檔框架前添加文檔類型

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容