最近的项目要使用web前端打印，本来在网上搜索了一下采用的js：window.print()局部打印网页的方法，但是经过实际测试发现兼容性不好，无奈只好再找其他方法，终于被我找到了一款基于jquery的轻量级web前端打印插件-jqprint.js，该插件兼容IE6以上版本的IE浏览器及chrome、firefox等浏览器。下面附上具体使用教程：
1.引用文件
|
1
|
<script language="javascript" src="js/jquery.min.js"></script> <script language="javascript" src="js/jquery–migrate–1.2.1.min.js"></script> <script language="javascript" src="js/jquery.jqprint–0.3.js"></script>
|
相关说明：第一句代码是引用jquery，第二句代码是引用jquery迁移辅助插件，这里不引用的话在某些jquery版本下使用jqprint会报版本不兼容错误：Cannot read property 'opera' of undefined，第三局代码是引用jqprint插件。
2.打印js代码
3.html代码
需要打印的内容
|
1
|
<table id="pribody"> <tr> <td>姓名</td> <td>性别</td> <td>年龄</td> </tr> <tr> <td>张三</td> <td>男</td> <td>18</td> </tr> </table>
|
打印按钮
|
1
|
<input type="button" onclick=" webpri()" value="打印"/>
|
好了，到这里就完成了jqprint.js插件的使用，你可以点击下面的链接获取更多内容。
未经允许不得转载：主机百科 » jquery打印插件jqprint.js使用教程
蒙公网安备15010502001094号