從iFrame讀取父文檔並更改父級

Question

我正在嘗試編寫一個JavaScript應用程序，它將在頁面上的iFrame中加載按鈕。 此應用程序將讀取父文檔並刪除所有圖像，應用最小樣式並使用此新標記的頁面重新加載父項。

我遇到的問題是從iFrame讀取和寫入父文檔。 有誰知道實現這一目標的方法？ 我已經閱讀了一些關於跨域消息傳遞的內容，但我不確定其中的替代方案，哪種方式最好。

提前致謝。

Answer 1

您可以使用父級或使用始終指向最外層文檔的頂部變量來引用父級。

• parent ==父窗口
• 頂部==大多數窗口

因此，訪問父窗口中的第一個div

var d = parent.document.getElementsByTagName("div")[0];

但正如評論中已經指出的那樣，iframe中的外部文檔和文檔都需要來自同一個域，否則出於安全原因會被阻止。