jquery控制网页局部打印

最新推荐文章于 2024-03-21 10:27:19 发布

Alex_sym

最新推荐文章于 2024-03-21 10:27:19 发布

阅读量3k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/alex_sym/article/details/8167166

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<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>