JS实现在线打印

根据网友总结，个人测试：
留下两种个人认为简单易用的方法
1、使用原生js脚本进行打印，不会对现有引用产生影响，非常容易嵌入
绑定办法：
Print('#Dom');   Dom为需要打印的元素id标签名
<button class="btn no-print" onClick="Print('#Dom')">点击开始打印</button>
指定不打印区域

方法一. 添加no-print样式类
<div class="no-print">不要打印我</div>

方法二. 自定义类名
Print('#Dom',{'no-print':'.do-not-print-me-xxx'});
<div class="do-not-print-me-xxx">不要打印我</div>

思路：
将目标区域的dom/css添加到空iframe中，打印该iframe。

注意：
不支持background-color背景色打印，试试用background-image代替

需要用到的是附件里面的Print.js文件


2、通过jquery.PrintArea.js来打印
需要引用jquery.PrintArea.js文件及版本稍高的jquery库

使用方法：
$(function() {
        $("#btnPrint").click(function() {
            $("#printContent").printArea();
        });
    });

btnPrint为打印按钮的id名，printContent为需要打印的标签命名
jquery.PrintArea.js 最新下载地址：http://plugins.jquery.com/PrintArea/


网上还有用jquery.jqprint-0.3.js和jquery.1.4.4.min.js版本配合打印，但是由于项目中使用了版本较高的3.3.1jquery版本，导致文件冲突，无法正常调用。百度了解决方法，还是没弄好，大概是哪里写错了，后续如果解决了再更新。

参考：
https://blog.csdn.net/huangbaokang/article/details/78435088
https://www.cnblogs.com/linyongqin/articles/7132392.html