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

最新推荐文章于 2025-05-15 09:05:36 发布

转载最新推荐文章于 2025-05-15 09:05:36 发布 · 9.8k 阅读

文章标签：

#jquery插件 #pdf #java #html #word

本文介绍了一款实用的jQuery插件jqPrint，该插件能够将网页内容导出为PDF或Word格式，也可直接进行打印操作。通过示例代码演示了如何在网页中引入并使用该插件，实现对指定DIV元素的打印。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为项目需要，找了一个不错的打印页面导出为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>

一个简单的页面，打开之后