Jqprint实现页面打印-富录

在后台管理类系统开发中，经常需要实现页面打印功能。以下是一款轻量级打印插件 Jqprint 的使用方法。

1. 引入插件

需要引入 jQuery 和 Jqprint 插件：

<script src="jquery-1.4.4.min.js"></script>
<script src="jquery.jqprint-0.3.js"></script>

2. HTML 代码示例

以下为页面结构代码示例：

<div id="print-area">
    <table>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>
</div>
<input type="button" onclick="print()" value="打印">

3. JavaScript 实现

通过调用 jqprint 插件的方法实现打印功能：

<script>
    function print() {
        $("#print-area").jqprint({
            debug: false,            // 是否显示 iframe 查看效果
            importCSS: true,         // 是否引入原页面的 CSS
            printContainer: true,    // 是否包含容器本身
            operaSupport: false      // 是否支持 Opera 浏览器
        });
    }
</script>

4. 属性说明

属性名	默认值	描述
`debug`	`false`	若为 `true`，则会显示 iframe 查看效果（默认 iframe 高度和宽度较小，可在源码中调整）。
`importCSS`	`true`	是否引入原页面的 CSS。如果为 `true`，优先寻找 `link[media=print]`，否则会寻找所有 CSS。
`printContainer`	`true`	是否将选择的对象本身纳入打印范围。若为 `false` 可能会破坏 CSS 规则。
`operaSupport`	`false`	是否支持 Opera 浏览器。如果支持，则会创建临时打印选项卡。

5. 特殊打印样式

在打印时，如果需要独特的 CSS 样式，可以通过以下方式实现：

内联样式

直接在 HTML 元素中通过 style 属性定义打印样式。

<div style="color: red;" media="print">打印内容</div>

外部样式表

通过 <link> 标签引入专门的打印样式表文件：

<link href="printStyle.css" rel="stylesheet" type="text/css" media="print">

注意： 使用 media="print" 的样式表只会在打印时生效。
通过以上方法，即可轻松实现页面的打印功能！

目录CONTENT

Jqprint实现页面打印