因为项目需要,找了一个不错的打印页面导出为PDF或者Word的jQuery插件
使用起来也很简单
这里我使用到的jQuery版本为:jquery-1.4.4.min.js
插件版本:jquery.jqprint-0.3.js
这里我用一个简单的列子来实现打印一个DIV,当然,我个人感觉更适合打印表格类的东西
按钮样式就不加了,可以根据自己的实际需求修改按钮样式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery打印插件jqprint</title>
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>
<script language="javascript">
function aa(){
$("#ddd").jqprint();
}
</script>
</head>
<body>
<div id="ddd">
<table>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>
</div>
<input type="button" onclick="aa()" value="打印"/>
</body>
</html>
一个简单的页面,打开之后
点击打印,会弹出提示
具体可以自己更改,现在看一下我自己项目打印出来的样子,部分内容不方便显示
Demo+插件下载地址:点击打开链接