3
<script type="text/javascript">
function printDoc() {
   document.getElementById("frame_singleCheque").contentWindow.print();
}
</script>

<iframe  style ="height:400px; width: 750px; overflow:scroll;"  id="frame_singleCheque" src="http://www.w3schools.com"></iframe>
<input type="button" id = "btnCPrint" value = "Print" onclick="javascript:printDoc()" />

错误

[16:41:44.054] Error: Permission denied to access property 'print' @ http://localhost/pdf/print.php:3

我已经用大量堆栈建议线程验证了打印 iframe 内容。但对我来说,这些都行不通。

上面的代码只存在于我的 print.php 文件中。我想打印 iframe 内容。

我也想知道,如何打印 iframe 中存在的特定 div。此 iframe 中的示例“class = 'example_code notranslate'”。

4

3 回答 3

4

您可以通过将跨域 iframe 嵌套在本地托管的 iframe 中来完美打印跨域 iframe 页面。“代理 iframe”。

这样,父 javascript 可以毫无问题地打印代理 iframe,因为它是本地的,它将传递地打印它来自另一个域的内部 iframe。

这种技术是有效的,并且已经过我自己的验证。

在您的容器页面中,像这样托管 iframe

 <iframe id="printf" name="printf" class="A4" src="/SomeController/IFrameProxy?url=TARGETURL"></iframe>

代理 iframe 应该看起来像这样

        @model string
        <html>
            <head>
                <title>IFrame Proxy</title>
                <style>
                    html, body, iframe {
                        height: 100%;
                        width: 100%;
                        margin: 0;
                        padding: 0;
                        border-style: none;
                    }
                </style>

            </head>
            <body>
                <iframe src="@Model" seamless></iframe>
            </body>
        </html>

打印 iframe(在容器页面上定义)的 javascript 应如下所示:

        function printFrame() {
            var frm = document.getElementById("printf").contentWindow;
            frm.focus();// focus on contentWindow is needed on some ie versions
            frm.print();
        }
于 2014-11-20T05:52:17.387 回答
-1

看起来您在这里遇到了一个非常标准的跨域 iframe 问题 - 即浏览器的设计使您无法做到这一点。我可以建议很多软糖,但在很大程度上,iframe 是解决这个问题的错误解决方案。

基本上,您最好的选择是抓取页面 - 发出 http 请求并解析出您想要的内容。然后,您可以将其作为您自己页面的 DOM 的一部分与之交互。

于 2013-08-28T11:23:57.677 回答