记录下一个很优秀的Jquery插件,用于局部打印的插件,名叫PrintArea,采用的是JSON配置,可以通过popup或者iframe的方式来呈现,使用起来非常简单。
官方下载地址:http://plugins.jquery.com/PrintArea/,下载最新版本就可以了!
引入jquery.printarea.css和jquery.printarea.js文件,然后就可以开始使用插件的功能了。
在需要打印的内容添加一个最外层div,可以给一个id值,比如:<div id="print-area">
,然后最简单的调用方式为:
$('#print-area').printArea();
就这样一行非常简化的代码就可以实现功能了。
从源码可以看到,可以带很多个参数的:
var defaults = { mode : modes.iframe, standard : standards.html5, popHt : 500, popWd : 400, popX : 200, popY : 200, popTitle : '', popClose : false, extraCss : '', extraHead : '', retainAttr : ["id","class","style"] };
不过这个插件都提供了默认值,基本采用默认值就可以满足普通的打印功能了。
使用的时候可能会出现打印的时候写的样式都没有带上,后来搜索了一下,原来是要想打印出样式,需要将样式内容放在需要打印的内容内,也就是上面这个div内包含着,这样才可以做到!
承接:ThinkPHP项目开发、网站项目开发、微信项目开发、微信小程序项目开发、App开发,欢迎联系标哥QQ632840804