首頁  >  文章  >  web前端  >  如何在動態載入頁面中從 JavaScript 存取父 Iframe?

如何在動態載入頁面中從 JavaScript 存取父 Iframe?

Linda Hamilton
Linda Hamilton原創
2024-11-05 21:52:02900瀏覽

How to Access the Parent Iframe from JavaScript in a Dynamically Loaded Page?

從JavaScript 存取父iframe

在多個iframe 可以動態載入同一頁面的場景下,從載入的iframe 存取父iframe頁面可能具有挑戰性。本文解決了這一需求,解釋瞭如何在子 iframe 和父親 iframe 之間建立連結。

解決方案:

在子頁與其父 iframe 之間建立通信,一種有效的方法是為 iframe 分配一個明確的名稱和 ID。透過相等它們的值,您可以有效地識別目標 iframe。

<iframe>

從子頁面中嵌入的JavaScript 程式碼中,您可以使用以下語法存取父iframe:

parent.document.getElementById(window.name);

這種方法在子頁和父iframe 之間提供了強大且可靠的通訊機制,無論其動態性質為何。它允許您從載入的頁面內存取和操作父 iframe,使您能夠執行關閉 iframe 或檢索特定資訊等任務。

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

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