简单易用的JQuery网页内容打印插件——jQuery.print.js

以你之姓@ 2022-05-30 00:50 359阅读 0赞

### 1. [官方网址][Link 1] ###

下载jQuery.print.js、配置参数介绍、官方Demo

### 2. 简介： ###

jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件。该网页打印插件可以打印指定区域的网页元素，可以指定跳过不打印某些元素，还可以打印整个页面内容。并且提供了丰富的打印参数设置。

### 3. 浏览器兼容性： ###

Google Chrome - v 20, 26, 48, 55
    Internet Explorer - v 10, 11
    Firefox - v 35

### 4. 使用方法： ###

（1）引入jQuery和jquery.print.js文件

（2）打印

$("#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()
    });

<table> 
 <tbody> 
  <tr> 
   <td>参数</td> 
   <td>默认值</td> 
   <td>接收值</td> 
   <td>描述</td> 
  </tr> 
  <tr> 
   <td>globalStyles</td> 
   <td>true</td> 
   <td>Boolean</td> 
   <td>是否包含父文档的样式</td> 
  </tr> 
  <tr> 
   <td>mediaPrint</td> 
   <td>false</td> 
   <td>Boolean</td> 
   <td>是否包含media='print'的链接标签。会被globalStyles选项覆盖</td> 
  </tr> 
  <tr> 
   <td>stylesheet</td> 
   <td>null</td> 
   <td>URL-string</td> 
   <td>外部样式表的URL地址</td> 
  </tr> 
  <tr> 
   <td>noPrintSelector</td> 
   <td>".no-print"</td> 
   <td>任何可用的jQuery选择器</td> 
   <td>不想打印的元素的jQuery选择器</td> 
  </tr> 
  <tr> 
   <td>iframe</td> 
   <td>默认true，如果没有iframe选择器被传入会创建一个隐藏的iframe</td> 
   <td>任何可用的jQuery选择器或Boolean</td> 
   <td>任何可用的jQuery选择器或Boolean</td> 
  </tr> 
  <tr> 
   <td>append/prepend</td> 
   <td>null</td> 
   <td>Boolean</td> 
   <td>是否将用户更新的表单输入框内容作为打印内容（通过迭代每一个表单元素来实现）</td> 
  </tr> 
  <tr> 
   <td>deferred</td> 
   <td>$.Deferred()</td> 
   <td>任何可用的jQuery.Deferred对象&nbsp;&nbsp; &nbsp;</td> 
   <td>当打印函数被调用时的jQuery.Deferred对象</td> 
  </tr> 
 </tbody> 
</table>

[Link 1]: https://github.com/DoersGuild/jQuery.print