Dragon
主机之家测评主机之家测评  2019-08-26 10:29 主机之家测评 隐藏边栏 |   抢沙发  4 
文章评分 0 次,平均分 0.0

最近的项目要使用 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 插件的使用,你可以点击下面的链接获取更多内容。

预览  下载 demo  下载 jqprint

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

发表评论

扫一扫二维码分享