JS实现浏览器打印（自动隐藏页眉和页脚）

橙乐果果

于 2019-07-19 10:34:18 发布

阅读量5.4k

点赞数 2

分类专栏： Web

本文链接：https://blog.csdn.net/weixin_38407595/article/details/96475272

版权

本文详细介绍了如何使用JavaScript来自动隐藏浏览器打印过程中的页眉和页脚，通过几行关键代码，即可实现在打印时去除这些元素，同时提供了一个打印二维码的示例。

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

本文只介绍如何自动隐藏页眉和页脚

在浏览器打印中，浏览器会自动勾选打印页眉和页脚，只要几行代码即可去除，

打印二维码为demo

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>打印</title>
		<!--		去除页眉页脚		-->
		<style media="print">
			@page {
				size: auto;  /* auto is the initial value */
				margin: 0mm; /* this affects the margin in the printer settings */
			}
		</style>
	</head>
	<body>

		<div id="qrcode"></div>
		<input type="button" id="print-btn" value="打印" onclick="toPrint()"/>

		<script src="${rc.contextPath}/statics/libs/jquery.min.js"></script>
		<script src="${rc.contextPath}/js/sys/qrcode.min.js"></script>

最低0.47元/天解锁文章