首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在window.print()中去掉页眉和页脚;

在window.print()中去掉页眉和页脚可以通过CSS的@media打印样式来实现。具体步骤如下:

  1. 创建一个CSS样式文件,例如print.css。
  2. 在print.css中添加以下代码:
代码语言:txt
复制
@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;
  } */
}
  1. 在HTML文件中引入print.css样式文件:
代码语言:txt
复制
<link rel="stylesheet" type="text/css" href="print.css" media="print">
  1. 在需要打印的页面中调用window.print()方法即可:
代码语言:txt
复制
<button onclick="window.print()">打印</button>

这样,在打印预览或实际打印时,页眉和页脚将不会显示。

注意:以上方法适用于大部分现代浏览器,但不保证在所有浏览器中都能完全去掉页眉和页脚。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券