javascript - 从父页面调用 iframe 中的 JavaScript 代码

Question

基本上，我在页面中嵌入了一个 iframe，而 iframe 有一些 JavaScript我需要从父页面调用的例程。

现在相反的很简单，因为您只需要调用 parent.functionName()，但不幸的是，我需要的正好相反。

请注意，我的问题不是更改源 URL iframe，但调用 iframe 中定义的函数。

Answer 1

假设你的 iFrame 的 id 是“targetFrame”，你要调用的函数是 targetFunction():

document.getElementById('targetFrame').contentWindow.targetFunction();

您还可以使用 window.frames 而不是 document.getElementById 访问框架。

// this option does not work in most of latest versions of chrome and Firefox
window.frames[0].frameElement.contentWindow.targetFunction();