欢迎光临
我们一直在努力

jquery打印插件jqprint.js使用教程

最近的项目要使用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

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《jquery打印插件jqprint.js使用教程》
文章链接:https://www.ruiwuer.com/411.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。