如何从父页面调用 Iframe 中的 JavaScript 函数？

从父页面调用 Iframe 中的 JavaScript 代码

在 Web 开发中，有些场景需要与嵌入的 JavaScript 代码进行交互在父页面的 iframe 内。虽然使用parent.functionName()从iframe调用父函数很简单，但反向操作却提出了挑战。

解决方案

调用在从父页面的 iframe 中，您可以使用以下代码片段：

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

将 targetFrame 替换为 id 或名称你的 iframe 元素。

另一个选项是通过 window.frames 数组访问框架：

window.frames[0].frameElement.contentWindow.targetFunction();

注意：第二种方法可能不适用于较新的版本Chrome 和 Firefox 由于跨域通信的限制。

通过利用这些技术，您可以在父页面与其嵌入的页面之间进行有效的通信iframe，使您能够根据需要调用特定的 JavaScript 函数。

以上是如何从父页面调用 Iframe 中的 JavaScript 函数？的详细内容。更多信息请关注PHP中文网其他相关文章！