jquery控制网页局部打印

最新推荐文章于 2024-10-16 10:01:39 发布

原创最新推荐文章于 2024-10-16 10:01:39 发布 · 3k 阅读

3 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种利用jQuery插件实现网页局部打印的方法。通过引入必要的JavaScript文件，定义打印区域及按钮，并绑定点击事件来触发打印功能。适用于需要灵活控制打印内容的Web应用。

实现步骤
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>