使用jqprint插件实现打印页面内容

客户需要在页面有一个打印按钮，点击之后可以打印Echarts图表的内容以及文字提示信息，经谷歌搜索发现，实现方法大概有三种之多，其他两种不太熟悉，而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件，因此可以使用jQuery的方式查找元素，因此决定采用这种方式。

先看一下实现的效果图，如下：

注意这里是先引入的jQuery文件，如果没有引入第一个js文件的话，会出现兼容性问题，导致使用jqprint打印时报错。

当然下面还有很多的html标签，在这里就不展示了。

最近一个项目中的打印功能，是使用jqprint插件来实现的，用来打印form表单中的内容。但是使用中发现一个很奇怪的现象，就是input、textarea标签里的东西无法打印。

查找资料后发现：jqprint打印方式是把打印区域的html内容处理到新的iframe中，然后打印。这样的一个机制下，input、textarea当中的内容如果是通过jquery赋值、手动输入，那么在打印的时候是不会有内容的。

解决的办法如下：

在调用jqprint 方法之前，执行下面的方法：

1.input属性赋值：使input标签的value属性内有你要打印的内容。

2.textarea： 将标签内的内容，赋给textarea的html。

经过上述处理，在打印预览以及打印的时候，都会有内容了。

---