jQuery.print实现前端打印

jQuery.print是一个用于打印页面特定部分的插件。

一、安装

1. npm安装： npm install jQuery.print

2. 到github下载

下载地址：https://github.com/DoersGuild/jQuery.print，然后再html中引用

二、 使用

$("#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(),
    timeout: 750,
    title: null,
    doctype: ''
});

globalStyles： 默认true；接收值：Boolean；功能：是否包含来自父文档的样式

mediaPrint： 默认false；接收值：Boolean；功能：是否包含media='print'的链接标签;由globalStyles选项重写

stylesheet： 默认null；接收值：URL-string；功能：要包含的外部样式表的URL

noPrintSelector： 默认值".no-print"；接收值：有效的jQuery-selector；功能：要排除在打印之外的项的选择器

iframe： 默认值true，如果传递了无效的iframe选择器，则创建一个隐藏的iframe；接收值：任何有效的jQuery-selector或Boolean；功能：是否从iframe而不是弹出窗口打印;可以接受jquery -选择器的一个现有的iframe的值

append/prepend： 默认值null；接收值：任何有效的jQuery-selector或HTML-text；功能：在选定内容之前(前置)或之后(追加)添加自定义HTML

manuallyCopyFormValues： 默认值true；接收值：Boolean；功能：它是否应该将用户更新的表单输入值复制到打印的标记上(这是通过手工遍历每个表单元素来完成的)

deferred： 默认值$.Deferred()；接收值：任何有效的jQuery.Deferred对象；功能：一个jQuery。调用print函数后解析的Deferred对象。可以用来设置回调-参见wiki

timeout： 默认值750；接收值： setTimeout的时间(毫秒)；功能：在新创建的窗口/iframe中打印元素之前，改变等待内容等加载的最大时间，作为新窗口/iframe的加载事件尚未触发时的回滚

title： 默认值null，使用主机页面标题；接收值：任何单行字符串；功能：更改打印的标题

doctype： 默认值：''；接收值：任何有效的doctype字符串；功能：在打印的文档框架前添加文档类型