从主 iframe 内访问跨域嵌套 iframe

发布于 2024-09-09 18:25:33 字数 1607 浏览 1 评论 0原文

我有一个具有跨域 iframe 的页面。在 iframe 中加载的页面上有一个打印按钮，该按钮运行一些 javascript 来打印位于页面上（在嵌套页面上，而不是在父页面上）的名为 printFrame 的 iframe。当我单击按钮时，在 FF 中它可以工作，但 IE 给我一个错误：frames.printFrame 为 null 或不是对象。我很困惑。该代码没有尝试访问父文档，为什么它不起作用？

时，代码在 iframedoc.html 第 9 行崩溃：

当我尝试访问 printframe父文档 HTML：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Insert title here</title>
    </head>
    <body>
        <iframe src="http://www.otherdomain.com/iframeDoc.html"/>
    </body>
</html>

iframedoc.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<script type="text/javascript">

function printContent(){
    frames['printFrame'].focus();
    var printFrameDiv = frames['printFrame'].document.getElementById("printDiv");
    printFrameDiv.innerHTML = document.getElementById('printableContent').innerHTML;
    frames['printFrame'].print();
    window.focus();
}
</script>
</head>
<body>
<iframe id="printFrame" name="printFrame" src="/printFrame.html"></iframe>

<div id="mainContent">
    <div id="printableContent">
        My printable content is here
    </div>
    <div id="nonPrintableContent">
        Content that I dont want to print is here
    </div>
    <a href="javascript:void(0)" onclick="printContent()">Print</a>
</body>
</html>

原文

I have a page that has a cross-domain iframe. On the page loaded in the iframe is a print button that runs some javascript to print an iframe named printFrame sitting on the page (on the nested page, not on the parent page). When I click on the button, in FF it works but IE gives me an error: frames.printFrame is null or not an object. I'm confused. The code is not trying to access the parent document, why isn't it working?

The code crashes on line 9 of iframedoc.html, when I try to access the printframe

Parent document HTML:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Insert title here</title>
    </head>
    <body>
        <iframe src="http://www.otherdomain.com/iframeDoc.html"/>
    </body>
</html>

iframedoc.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<script type="text/javascript">

function printContent(){
    frames['printFrame'].focus();
    var printFrameDiv = frames['printFrame'].document.getElementById("printDiv");
    printFrameDiv.innerHTML = document.getElementById('printableContent').innerHTML;
    frames['printFrame'].print();
    window.focus();
}
</script>
</head>
<body>
<iframe id="printFrame" name="printFrame" src="/printFrame.html"></iframe>

<div id="mainContent">
    <div id="printableContent">
        My printable content is here
    </div>
    <div id="nonPrintableContent">
        Content that I dont want to print is here
    </div>
    <a href="javascript:void(0)" onclick="printContent()">Print</a>
</body>
</html>

分享到QQ

分享到微博