在实际应用中，我们经常需要打印一些资料或者内容，但是在打印的时候，系统默认会加上页眉和页脚，这就经常会打乱我们的排版和布局，给我们带来很多麻烦。那么如何才能去除页眉页脚呢？下面我们就来介绍一下用javascript如何去除页眉页脚的方法。
一、去除页眉
在打印页面的时候，我们可以通过样式表来去除页眉，代码如下：
@media print{
@page {
size: auto; /* 使用打印纸张的大小，默认是auto*/
margin: 0mm; /* 打印页面边缘设置为0 */
mso-header: none; /* 去除页眉 */
}
}在这段代码中，我们通过@media print 来告诉浏览器这段代码是用来打印的，通过@page来设置打印页面的样式，其中设置了margin为0，也就是将打印页面的边缘都设置为0，这样就可以让打印内容充满整个页面，不会加入系统默认设置的白边。最重要的是，通过mso-header:none，我们成功地去除了页眉。
二、去除页脚
立即学习“Java免费学习笔记（深入）”；
让我们继续来看如何去除页脚。在这里，我们同样可以调整样式表来达到效果，代码如下：
@media print{
@page {
size: auto;
margin: 0mm;
mso-header: none;
mso-footer: none; /* 去除页脚 */
}
}和去除页眉一样，我们通过添加mso-footer:none来让系统不再显示页脚。在这里需要注意的是，由于不同浏览器的设置有所不同，因此有些浏览器可能需要使用不同的代码去控制打印效果。
总结
以上就是用JavaScript去除打印页面中页眉和页脚的方法。在实际应用中，我们可以通过在页面上添加一个按钮来触发打印事件，同时也可以加入一些验证逻辑来防止无效的打印请求。通过这些方法，我们可以更加灵活地控制打印效果，让打印的内容能够符合我们的预期。
以上就是javascript打印怎么去除页眉页脚的详细内容，更多请关注php中文网其它相关文章！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
383
