javascript - 从父页面调用 iframe 中的 javascript，IE 问题

Question

这是对这个问题的跟进:Invoking javascript in iframe from parent page

我已经实现了@Tomalak 提供的答案。

这是一个jsFiddle

问题是，iframe 中的内容是动态创建的(因此没有跨域问题)。内容中有一个按钮，其 onclick 事件处理程序调用 window.print()。这仅打印 iframe 的内容(这很好并且用作概念证明)。

此外，在父页面上有一个按钮调用由 iframe 发布的公共(public)函数。该函数是printContent，和iframe按钮的onclick事件处理器一样，它也调用了window.print() .

这是个问题，当使用 IE 8 从父页面上的按钮打印时，父页面的内容也会打印。 (Chrome 不会发生这种情况。)

是否有使 IE 8 仅打印 iframe 内容的修复程序？

有趣的是，通过公共(public)函数返回 window.document.title，确实会返回 iframe 内容的 title，即使IE 8.

fiddle 演示了问题并提供了更多详细信息。

Answer 1

在 IE 中，您需要将焦点设置到要打印的窗口。当函数在父页面时打印 iframe:

function printContent(){
    var el = document.getElementById('myFrame');
    el.contentWindow.focus();
    el.contentWindow.print();
    return;
}

如果函数在 iframe 中，您可以从任何地方打印它:

function printContent(){
    window.focus();
    window.print();
    return;
}