主机百科
测评与优惠

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

最近的项目要使用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/jquerymigrate1.2.1.min.js"></script>  <script language="javascript" src="js/jquery.jqprint0.3.js"></script>

相关说明:第一句代码是引用jquery,第二句代码是引用jquery迁移辅助插件,这里不引用的话在某些jquery版本下使用jqprint会报版本不兼容错误:Cannot read property 'opera' of undefined,第三局代码是引用jqprint插件。

2.打印js代码

1
  &lt;script language=&quot;javascript&quot;&gt;  function webpri(){  &nbsp;&nbsp;&nbsp;$(&quot;#pribody").jqprint();  }  </script>

3.html代码

需要打印的内容

1
  &lt;table id=&quot;pribody&quot;&gt;  &lt;tr&gt;  &nbsp; &lt;td&gt;姓名&lt;/td&gt;  &nbsp; &lt;td&gt;性别&lt;/td&gt;  &nbsp; &lt;td&gt;年龄&lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;  &nbsp; &lt;td&gt;张三&lt;/td&gt;  &nbsp; &lt;td&gt;&lt;/td&gt;  &nbsp; &lt;td&gt;18&lt;/td&gt;  &lt;/tr&gt;  &lt;/table&gt;

打印按钮

1
  &lt;input type=&quot;button&quot; onclick=&quot; webpri()&quot; value=&quot;打印&quot;/&gt;

好了,到这里就完成了jqprint.js插件的使用,你可以点击下面的链接获取更多内容。

预览  下载demo  下载jqprint

赞(0)
未经允许不得转载:主机阁 » jquery打印插件jqprint.js使用教程

登录

找回密码

注册