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

【问题标题】：How do I get a reference to the iframe the document is loaded inside?如何获取对文档加载到其中的 iframe 的引用？
【发布时间】：2012-11-12 12:59:05
【问题描述】：

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

编辑：

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：