在window.print()中去掉页眉和页脚可以通过CSS的@media打印样式来实现。具体步骤如下:
@media print {
@page {
size: auto; /* 设置打印纸张尺寸为自动 */
margin: 0mm; /* 设置页边距为0 */
}
/* 隐藏页眉和页脚 */
@page :first {
margin-top: 0; /* 第一页的页眉距离顶部为0 */
margin-bottom: 0; /* 第一页的页脚距离底部为0 */
}
/* 如果需要隐藏所有页眉和页脚,可以使用以下代码 */
/* @page {
margin-top: 0;
margin-bottom: 0;
} */
}
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<button onclick="window.print()">打印</button>
这样,在打印预览或实际打印时,页眉和页脚将不会显示。
注意:以上方法适用于大部分现代浏览器,但不保证在所有浏览器中都能完全去掉页眉和页脚。
领取专属 10元无门槛券
手把手带您无忧上云