從JavaScript 訪問父級Iframe
在Web 開發中,經常需要在相同或不同域的框架之間進行通信和訪問數據。本文探討了一種特定場景,其中您在頁面上嵌入了 iframe,並且您需要從 iframe 內容中的 JavaScript 存取父 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中文網其他相關文章!