如何从父页面访问 iFrame 中的 JavaScript 函数？

从父页面访问 iFrame 中的 JavaScript 代码

从父页面调用嵌入 iFrame 中的 JavaScript 代码可能是一个常见的挑战。虽然从 iFrame 内与父页面交互的能力很简单，但从父页面访问 iFrame 中定义的函数需要不同的方法。

解决方案：

要实现此目的，您可以利用以下技术：

1. 识别 iFrame 的 ID和函数名称：
   确保您的 iFrame 具有唯一 ID，并且您要调用的函数具有特定名称。

2. 获取内容窗口：
   使用 document.getElementById() 方法，通过 ID 定位特定 iFrame 并检索其 contentWindow属性：

   const contentWindow = document.getElementById('iFrameID').contentWindow;

3. 调用函数：
   获得 iFrame 的内容窗口后，您可以通过调用以下函数来调用所需的函数：

   contentWindow.functionName();

例如，如果您的 iFrame 的 ID 是“targetFrame”并且您要调用的函数是 targetFunction()，您可以使用：

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

替代方法：

或者，您可以访问内容使用 window.frames 的 iFrame 窗口：

 // This option may not work in the latest versions of Chrome and Firefox.
window.frames[0].frameElement.contentWindow.targetFunction();

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