Web实现打印功能

i3yuan 2019-09-30 原文

前言：

在工作中，当遇到需要通过打印实现对报表或者工作流清单等事件时，都需要运用到打印功能，那么，这个时候你会怎么处理？

在这里，我们可以通过最简单的方式实现web打印功能，简单易懂，方便快捷

1.在处理工作流项目中，需求中；2.使用JQprint做为web打印插件

3.兼容：FireFox,Chrome,IE；4.没有依赖也没有配置，使用简单

申请表为例：

实现方法：

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

进行打印：

只需要打印指定的DIV内容：

    <script type="text/javascript">
        $(function () {
            $("#print").click(function () {
                $("#container").jqprint();  //指定的内容打印
            });
        })

    </script>

属性相关：

        $("#container").jqprint({
             debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
             importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
             printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。
             operaSupport: true//表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true
        });

打印效果：

使用的方法很简单，jqprint源码也极其简洁易懂

附加：

jquery print去掉页眉页脚

<style media="print">

    @page {
        size: auto; /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }
</style>