使用 Javascript 或 CSS 从 Internet Explorer 打印时隐藏页眉和页脚

Posted 2023-03-06

技术标签:

【中文标题】使用 Javascript 或 CSS 从 Internet Explorer 打印时隐藏页眉和页脚【英文标题】：Hide header and footer when printing from Internet Explorer using Javascript or CSS 【发布时间】：2010-10-01 17:37:14 【问题描述】：

当我从 Internet Explorer 打印网页时，它会自动添加页眉和页脚，包括网站标题、URL、日期和页码。

是否可以使用 javascript 或 CSS 以编程方式隐藏页眉和页脚？

要求：

在 IE 6 中工作（不需要其他浏览器支持作为 Intranet）可以使用 ActiveX、Java Applet、Javascript、CSS 最好不是用户需要安装的东西（例如http://www.meadroid.com/scriptx）。随意列出其他第三方可用插件，因为我认为这可能是唯一的选择不要求用户手动更新浏览器设置不要将页面呈现为 PDF 或 Word 文档或任何其他格式不要写入注册表（安全性阻止了这一点）

谢谢

【问题讨论】：

【参考方案1】：

在您的打印选项中，您可以禁用此功能。以编程方式执行此操作的唯一方法是使用写入注册表的 activeX 控件或用 VB 编写的脚本块。打印选项的设置存储在注册表中。用户必须允许您的脚本访问大多数人出于安全考虑而不会访问的注册表。

如果要控制页面内容，可以使用 css 打印样式表。

编辑：有 3rd 方活动 x 控件可以以编程方式为您打印，但同样，用户必须选择下载并安装它。

【讨论】：

有更多关于 activeX、注册表位置或脚本块的信息吗？在IE8中，可以在“文件->页面设置”中清空页眉和页脚【参考方案2】：

您可以在打印页面时使用打印样式表来更改页面的布局。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Untitled Document</title>
        <style type="text/css" media="screen">
            #screen 
            #print 
                display: none;
            
        </style>
        <style type="text/css" media="print">
            #screen 
                display: none;
            
            #print            
        </style>
    </head>
    <body>

        <div id="screen">You'll see me in your browser!</div>
        <div id="print">But you will only see me when you print!</div>

    </body>
</html>

【讨论】：

问题是指隐藏打印时添加到页面上的页眉和页脚。它们不能被 CSS 隐藏。 D'oh，显然有人没有正确阅读整个问题，哈哈【参考方案3】：

我认为你不能用 javascript 来控制它。在我看来，只有在 IE 中使用 ActiveX 的选项。我还在寻找答案。

祝你好运。

【讨论】：

【参考方案4】：

我做了一些谷歌搜索，每个人都说：“无法删除它们！”使用 ActiveX 和 3rd 方插件除外。

我想知道为什么某些报告控件（Telerik Reporting、DevX、...）可以在不使用 ActiveX 或插件的情况下隐藏页眉和页脚！他们是否以其他方式打印页面？什么方法？

【讨论】：

Telerik Reporting 以 PDF 格式发送打印数据，并以某种方式启动 PDF 阅读器（也是 Active X/3rd 方组件）的打印功能。

以上是关于使用 Javascript 或 CSS 从 Internet Explorer 打印时隐藏页眉和页脚的主要内容，如果未能解决你的问题，请参考以下文章

CSS 或 Javascript 禁用从 CTRL + A 突出显示的文本选择