從 JavaScript 存取父 iframe
在 Web 開發中,可能需要從中載入的頁面與父 iframe 互動。這可以使用 JavaScript 來實現,允許您操作或從父框架檢索資訊。
讓我們考慮載入具有動態生成內容的多個 iframe 的場景。每個 iframe 可能包含相同的頁面,但出於特定目的,必須確定哪個 iframe 需要關閉。為此,需要維護一個陣列來保存對這些 iframe 的參考。
要從載入的頁面存取父iframe,您可以使用以下方法:
為iframe 指派唯一的ID 和名稱:
將iframe 的id 和name 屬性設定為相同的值。
<iframe>
從載入的頁面中擷取父框架:
在子頁面(即iframe 內載入的頁面)中,使用下列程式碼存取父iframe:
parent.document.getElementById(window.name);
透過遵循此方法,您可以在子頁面與其父iframe 之間建立連接,從而使您能夠以程式設計方式操作iframe 或從中收集資訊。
以上是如何從 JavaScript 存取父級 Iframe?的詳細內容。更多資訊請關注PHP中文網其他相關文章!