如何从子 Iframe 中的 JavaScript 访问父 Iframe？

从 JavaScript 访问父级 Iframe

在 Web 开发中，经常需要在相同或不同域的框架之间进行通信和访问数据。本文探讨了一种特定场景，其中您在页面上嵌入了 iframe，并且您需要从 iframe 内容中的 JavaScript 访问父 iframe。

您提供一些其他详细信息，例如：

• 父 iframe 与子 iframe 位于同一域。
• 多个 iframe 可能包含同一页面。
• 目标是从 iframe 的内部关闭当前 iframe

要满足此要求，您可以考虑以下几种方法：

使用 Window.opener

此属性提供对打开当前窗口的窗口的引用。如果子 iframe 是由父 iframe 打开的，则可以使用 window.opener 访问父 iframe 的 window 对象并操作其 DOM。

// Get the parent iframe's window object
var parentWindow = window.opener;

使用父级 IFrame

另一个选项是使用 iframe 文档对象的parent 属性。此属性提供对父文档的引用，从而可以访问父 iframe 的 window 对象。

// Get the parent iframe's window object
var parentWindow = parent.window;

分配名称和 ID

您可以设置iframe 的 name 和 id 属性都设置为相同的值。这允许您使用parent.document.getElementById(window.name)从子iframe中检索父iframe的元素。

<iframe></iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

通过了解这些技术，您可以访问和交互通过 JavaScript 在子 iframe 中使用父 iframe，使您能够实现所需的功能，例如关闭 iframe 或检索特定数据。

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