首頁  >  文章  >  web前端  >  如何從子 Iframe 中的 JavaScript 存取父 Iframe?

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

Susan Sarandon
Susan Sarandon原創
2024-11-07 04:29:03912瀏覽

How to Access the Parent Iframe from JavaScript Within a Child 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>
// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn