如何使用jQuery从父页面引用<iframe>的文档对象？

Question

我试图从宿主页面访问生活在<iframe>中的页面的文档对象。换句话说，我有一个其中包含<iframe>的页面，并且我想在该页面（父页面）上使用jQuery来访问该iframe >的<文档对象。

具体来说，我试图找到<IFRAME> d文档的高度，一旦其内容渲染（onload事件），这样我就可以再从父页面调整<IFRAME>匹配<的高度iframe >的内容完全相同。

如果它很重要，则使用JavaScript在主机页面上创建此<iframe>，并且与父页面位于同一个域中。我已经使用了这种类型的代码：

$('iframe').contents().find('body').append('<p>content</p>'); 

与内容来填充<IFRAME>，但我不知道得到<IFRAME>的文档对象确切的语法。

出于某种原因，我发现很多方法可以从<iframe>（大部分使用普通的JavaScript）访问父文档对象，但不是其他方式。

在此先感谢您的帮助！

Answer 1

有很多方法可以访问到的iframe：

例如，我们有这样的HTML页面：

<iframe name="my_frame_name" id="my_frame_id">

和JS：

frames[0] == frames['my_frame_name'] == document.getElementById('my_frame_id').contentWindow // true