前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

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

2018-03-07 11:06:46 来源:原创 作者:寂静的神经

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

本文关键词:jquery 打印 插件 jqprint 教程

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1