如何从 JavaScript 封装的子框架中访问和操作父 iframe？

从 JavaScript 访问父级 iframe

iframe 封装在 Web 应用程序中，充当嵌入内容的独立容器。然而，从父 iframe 访问信息可能是一个挑战。这篇博文探讨了通过 JavaScript 访问父 iframe 并操作其内容的方法。

问题陈述

我们有一个场景，页面上存在多个动态生成的 iframe。每个 iframe 加载一个相同的页面。我们的目标是以编程方式关闭特定的 iframe。为此，我们需要从加载的页面中识别父 iframe。

解决方案

要访问父 iframe，我们可以使用以下方法：

1. 分配名称和 ID 属性：为 iframe 及其父级指定相同的名称和 ID。这使我们能够在两个上下文中唯一地标识 iframe。

<iframe>

2. 使用 JavaScript 访问： 在加载的子页面中，使用以下 JavaScript 代码来检索父 iframe：

parent.document.getElementById(window.name);

此代码检索 ID 与子页面 name 属性匹配的 iframe 元素，我们将其设置为与其父页面相同。

使用此代码方法，您现在可以根据需要操作父 iframe，例如关闭它或更改其内容。

以上是如何从 JavaScript 封装的子框架中访问和操作父 iframe？的详细内容。更多信息请关注PHP中文网其他相关文章！