html window.print();打印

最新推荐文章于 2025-04-23 14:09:11 发布

天空中一颗明亮的星

最新推荐文章于 2025-04-23 14:09:11 发布

阅读量2.9k

点赞数

分类专栏： js 文章标签： html打印

本文链接：https://blog.youkuaiyun.com/ling_ling1997/article/details/88796082

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在HTML中利用window.print()方法实现页面打印，并着重讨论了如何通过添加CSS样式来控制打印时的分页效果，确保打印内容的准确呈现。

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

var pageTableHtml = $("#templateTable").clone();
			pageTableHtml.css("padding-right", "10px");
			$("#publicResult").append(pageTableHtml);//用append的原因是因为用到了分页，将多个templateTable放到打印的div
			$('#publicResult').hide();//html页面隐藏打印页面的div
$("#printBut").click(function() {
				$('#publicResult').show();//打印页面div显示
				$("#breadcrumb").hide();
				$("#divButtonGroup").hide();
				$("#templateTable").hide();//页面上显示，打印页面隐藏
				window.print();
				$("#breadcrumb").show();
				$("#divButtonGroup").show();

				//window.open('print.jsp?id='+checklistId,'_blank','width=700,height=500,top=0, left=0,scrollbars=yes');
			})