如何使用代码删除打印页眉/页脚答案

【问题标题】：How to remove print header/footer with code如何使用代码删除打印页眉/页脚
【发布时间】：2011-12-04 08:23:34
【问题描述】：

我正在使用以下代码在我的应用程序中打印页面...

<html><body onload=""window.print();"">"
  sHtmlBody = sHtmlBody & "<body>"

window.print() 工作正常。我知道一旦打印出来，我可以手动进入设置并删除页眉和页脚。在 IE 上我知道我必须去打印预览，然后删除打印标题。

但是，是否有一些代码可以自动执行此操作，以便应用程序的用户不必执行此操作？

编辑：

 sHtmlBody = "<style type='text/css'>"
      sHtmlBody = sHtmlBody & " @media print{"
      sHtmlBody = sHtmlBody & " body{ background-color:#FFFFFF; background-image:none; color:#000000 }"
      sHtmlBody = sHtmlBody & " #ad{ display:none;}"
      sHtmlBody = sHtmlBody & " #leftbar{ display:none;}"
      sHtmlBody = sHtmlBody & " #contentarea{ width:100%;}"
      sHtmlBody = sHtmlBody & " }"
      sHtmlBody = sHtmlBody & " </style>"
      sHtmlBody = sHtmlBody & "<html><body onload=""window.print();"">"
      sHtmlBody = sHtmlBody & "<body>"

【问题讨论】：

标签： javascript printing dom-events

【解决方案1】：

你可以在 CSS 的帮助下，在打印之前设置页面的 CSS。例如：

<style type="text/css">
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #ad{ display:none;}
  #leftbar{ display:none;}
  #contentarea{ width:100%;}
}
</style>

此代码添加到页面时隐藏了 2 个 id 为“ad”和“leftbar”的 div，并在打印文档时对文档的其余部分进行了额外的更改。

如果您询问浏览器特定设置，例如打印日期和时间，那么我认为通过代码是不可能的。看一下这个： Remove the default browser header and footer when printing HTML

【讨论】：

我看没有效果。这应该对哪个浏览器产生影响？ #ad、#leftbar 和 #contentarea 应该是什么容器？
嗨，您指向的链接有一些新的答案，它们删除了浏览器的特定设置。本质上，将 @page {margin:0;} 添加到您的 css