如何使用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