如何從子 Iframe 中的 JavaScript 存取父 Iframe？

從JavaScript 訪問父級Iframe

在Web 開發中，經常需要在相同或不同域的框架之間進行通信和訪問數據。本文探討了一種特定場景，其中您在頁面上嵌入了 iframe，並且您需要從 iframe 內容中的 JavaScript 存取父 iframe。

您提供一些其他詳細信息，例如：

• 父 iframe 與子 iframe 位於同一域。
• 多個 iframe 可能包含同一頁。
• 目標是從iframe 的內部關閉當前iframe

要滿足此要求，您可以考慮以下幾種方法：

使用Window.opener

此屬性提供開啟目前視窗的視窗的參考。如果子 iframe 是由父 iframe 開啟的，則可以使用 window.opener 存取父 iframe 的 window 物件並操作其 DOM。

// Get the parent iframe's window object
var parentWindow = window.opener;

使用父級 IFrame

另一個選項是使用 iframe 文件物件的parent 屬性。此屬性提供對父文檔的引用，從而可以存取父 iframe 的 window 物件。

// Get the parent iframe's window object
var parentWindow = parent.window;

分配名稱和 ID

您可以設定iframe 的 name 和 id 屬性都設定為相同的值。這允許您使用parent.document.getElementById(window.name)從子iframe中檢索父iframe的元素。

<iframe></iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

透過了解這些技術，您可以存取和互動透過 JavaScript 在子 iframe 中使用父 iframe，使您能夠實現所需的功能，例如關閉 iframe 或檢索特定資料。

以上是如何從子 Iframe 中的 JavaScript 存取父 Iframe？的詳細內容。更多資訊請關注PHP中文網其他相關文章！