Jquery 打印指定的DIV

最新推荐文章于 2020-05-01 17:30:17 发布

原创最新推荐文章于 2020-05-01 17:30:17 发布 · 706 阅读

CC 4.0 BY-SA版权

41 篇文章

订阅专栏

本文介绍了如何利用jQuery 1.4.3版本实现div元素的打印功能，包括引用必要的JS文件、定义打印区域和绑定打印事件等步骤。

本文实现了jquery1.4.3对div打印。
实现步骤
1)引用2个js文件
2)定义打印区域的div，打印按钮
3)为打印按钮绑定打印事件
代码如下:

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="java.util.*"%>
<html>
<head>
<title></title>
</head>
<script type="text/javascript" src="jquery-1.4.3.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<body>
<input id="btnPrint" type="button" value="打印"/>
<div id="myPrintArea">
====打印区域====
</div>
</body>
<script type="text/javascript">
$(function(){
//打印
$("#btnPrint").bind("click",function(event){
$("#myPrintArea").printArea();
});
});
</script>
</html>