iframe 封装在 Web 应用程序中,充当嵌入内容的独立容器。然而,从父 iframe 访问信息可能是一个挑战。这篇博文探讨了通过 JavaScript 访问父 iframe 并操作其内容的方法。
我们有一个场景,页面上存在多个动态生成的 iframe。每个 iframe 加载一个相同的页面。我们的目标是以编程方式关闭特定的 iframe。为此,我们需要从加载的页面中识别父 iframe。
要访问父 iframe,我们可以使用以下方法:
<iframe>
parent.document.getElementById(window.name);
此代码检索 ID 与子页面 name 属性匹配的 iframe 元素,我们将其设置为与其父页面相同。
使用此代码方法,您现在可以根据需要操作父 iframe,例如关闭它或更改其内容。
以上是如何从 JavaScript 封装的子框架中访问和操作父 iframe?的详细内容。更多信息请关注PHP中文网其他相关文章!