您的位置：首页 > Web前端 > JQuery

简单的jQuery.jqprint插件实现打印HTML页面，页面导出为PDF文件

2017-11-16 16:49 1101 查看
因为项目需要，找了一个不错的打印页面导出为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+插件下载地址：点击打开链接
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery插件 pdf java html word
相关文章推荐
新的分享
章节导航