首頁 >web前端 >js教程 >如何從 JavaScript 存取父級 Iframe?

如何從 JavaScript 存取父級 Iframe?

Susan Sarandon
Susan Sarandon原創
2024-11-06 00:59:02948瀏覽

How to Access Parent Iframe from JavaScript?

從 JavaScript 存取父 iframe

在 Web 開發中,可能需要從中載入的頁面與父 iframe 互動。這可以使用 JavaScript 來實現,允許您操作或從父框架檢索資訊。

讓我們考慮載入具有動態生成內容的多個 iframe 的場景。每個 iframe 可能包含相同的頁面,但出於特定目的,必須確定哪個 iframe 需要關閉。為此,需要維護一個陣列來保存對這些 iframe 的參考。

要從載入的頁面存取父iframe,您可以使用以下方法:

  1. 為iframe 指派唯一的ID 和名稱:
    將iframe 的id 和name 屬性設定為相同的值。

    <iframe>
  2. 從載入的頁面中擷取父框架:
    在子頁面(即iframe 內載入的頁面)中,使用下列程式碼存取父iframe:

    parent.document.getElementById(window.name);

透過遵循此方法,您可以在子頁面與其父iframe 之間建立連接,從而使您能夠以程式設計方式操作iframe 或從​​中收集資訊。

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

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