html - 如何获取对文档加载到其中的 iframe 的引用？

Question

我需要从 iframe 内部获取页面上的 DOM iframe 元素。两个文档都来自同一个域，所以不用担心跨域限制。iframe 内的文档需要在加载它的 iframe 上放置一个偶数侦听器。即使父文档中有多个框架，这也应该有效。

编辑：

window.parent将获得父文档。现在我需要获取父文档中的 iframe 之一。window.parent.frames是这些 iframe 的列表。现在的问题是如何从该列表中获取正确的 iframe。

Answer 1

您可以使用该window.frameElement属性来获取包含该页面的元素。不过，这仅在 HTML5 中标准化，因此并非所有浏览器都支持。

对于跨浏览器解决方案，您将使用该window.parent属性来获取父窗口，然后在其中找到 iframe 元素。您需要一种识别 iframe 的方法，例如元素的 id：

var frame = window.parent.document.getElementById('#frame');