最近的项目要使用 web 前端打印,本来在网上搜索了一下采用的 js:window.print()局部打印网页的方法,但是经过实际测试发现兼容性不好,无奈只好再找其他方法,终于被我找到了一款基于 jquery 的轻量级 web 前端打印插件-jqprint.js,该插件兼容 IE6 以上版本的 IE 浏览器及 chrome、firefox 等浏览器。下面附上具体使用教程:
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 代码
<script language="javascript"> function webpri(){ $("#pribody").jqprint(); } </script>
3.html 代码
需要打印的内容
<table id="pribody"> <tr> <td>姓名</td> <td>性别</td> <td>年龄</td> </tr> <tr> <td>张三</td> <td>男</td> <td>18</td> </tr> </table>
打印按钮
<input type="button" onclick=" webpri()" value="打印"/>
好了,到这里就完成了 jqprint.js 插件的使用,你可以点击下面的链接获取更多内容。
本文为原创文章,版权归主机之家测评所有,欢迎分享本文,转载请保留出处!
你可能也喜欢
- ♥ 【疯狂猜成语/图猜成语】一个闻字上面的门是虚线的是什么成语?08/21
- ♥ 鸟石鸟是什么成语?08/24
- ♥ 口对号心错号是什么成语?08/23
- ♥ 如何不让微信附近的人搜到我?08/23
- ♥ 如何关闭(注销)QQ 空间?08/27
- ♥ PHP:Cannot use object of type stdClass as array08/21