打印 iframe 的内容导致首页空白答案

【问题标题】：Printing contents of an iframe caused blank first page打印 iframe 的内容导致首页空白
【发布时间】：2012-03-20 12:31:06
【问题描述】：

我有一个包含 3 张图片的网页。当我直接从 Internet Explorer 打印此页面时，它会正确打印 3 页（每张图像 1 页）。

但是，如果我将这个确切的页面作为 iframe 的内容加载并打印该 iframe 的内容，则 Internet Explorer 在打印 3 个实际页面之前会插入一个空白的第一页（带有 IE 页眉和页脚）。

相同的 URL，相同的浏览器，但打印 iframe 内容会产生一个额外的页面，与直接从源页面打印相比。

有什么想法吗？

【问题讨论】：

你找到解决方法了吗？我也面临同样的问题。

标签： javascript html internet-explorer iframe printing

【解决方案1】：

希望以下内容可能对您有所帮助。也许你可以这样尝试

iFrame 页面：，只需替换图片即可。 <p style="page-break-before: always"> 代码将在打印时给出分页符，noprint 类将从物理打印输出中隐藏打印链接。

<html>
<head>
    <title>TESTING IFRAME PRINTING</title>
    <style>
    @media print
    { 
        .noprint {display:none;}
    }
    </style>
</head>
<body topmargin="0" marginheight="0">
    <a href="#" onClick="javascript:window.print();"><font face="arial" size="2" class="noprint">Print Now</font></a><br>
    <img src="printer.png">
    <p style="page-break-before: always">
    <img src="printer.png">
    <p style="page-break-before: always">
    <img src="printer.png">
</body>
</html>

主页

<html>
<head>
    <title>TESTING IFRAME PRINTING</title>
</head>
<body topmargin="0" marginheight="0">
    <iframe name="iFrameForPrint" id="iFrameForPrint" src="1.html" width="50%" height="400" frameborder="1"></iframe>
</body>
</html>

【讨论】：

嗨，Scott，如果解决方案对您有用，请接受它作为答案。