使用Jqprint插件进行页面快速打印并解决兼容问题
先放插件
http://pan.baidu.com/s/1nv3MsQ1 密码:5yy9
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>
第三个js为了解决jquery不兼容问题。
2.打印内容
打印内容,可以为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" οnclick="printTest()" value="打印" style="width: 80px;"></td> </tr> </table> </fieldset> </div>
3.获取打印内容
需要先获取打印内容的id属性
<script type="text/javascript"> function printTest(){ $("#test").jqprint(); } </script>