Jquery 打印指定的DIV

最新推荐文章于 2025-07-22 14:02:22 发布

路口华丽的转身

最新推荐文章于 2025-07-22 14:02:22 发布

阅读量694

点赞数

CC 4.0 BY-SA版权

分类专栏： IT技术

本文链接：https://blog.youkuaiyun.com/yangbbenyang/article/details/38417151

41 篇文章

订阅专栏

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

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

本文实现了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>