js print 预览样式无效_解决jQuery打印插件printArea不显示样式或图片的问题 - YangJunwei...

jQuery有个局部打印的插件 PrintArea，采用的是JSON配置，可以通过popup或者iframe的方式来呈现，使用起来非常简单。

相关网址

使用方法也非常简单，但有几点需要注意的，我们一起来看看！

使用方法

1、引入 jquery.js 和 jquery.printarea.js 文件

2、在需要打印的区域，添加一个最外层div

比如

这里是要打印的区域

3、在打印区域代码后，加上如下JS代码

$('#print-area').printArea();

接下来就点击 print-area 按钮就可以实现局部打印了。

拓展一下

从 github 示例代码中看出，这个printArea()，是可以添加很多参数的，比如

vardefaults = {

mode : modes.iframe,

standard : standards.html5,

popHt : 500,

popWd : 400,

popX : 200,

popY : 200,

popTitle : '', //打印窗口标题

popClose : false,

extraCss : '',

extraHead : '',

retainAttr : ["id", "class", "style"]

};

$('