使用Jqprint插件进行页面快速打印并解决兼容问题

先放插件

1.引入js

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

 打印内容，可以为div、table等页面布局结构。比如

<div id="test">
    <fieldset>
        <legend>打印</legend>
        <table >
            <tr>
                <td>姓名：</td><td><input name="name" value="${user.name}"></td>
            </tr>
            <tr>
                <td>年龄：</td><td><input name="age" value="${user.age}"></td>
            </tr>
            <tr>
                <td colspan="2"><input type="button" onclick="printTest()" value="打印" style="width: 80px;"></td>
            </tr>
        </table>
    </fieldset>
</div>

3.获取打印内容

需要先获取打印内容的id属性

<script type="text/javascript">
    function printTest(){
        $("#test").jqprint();
    }
</script>

4.打印预览