如何获取文档加载到iframe的引用？

Question

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

修改

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

Answer 1

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

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

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