如何從 JavaScript 存取父級 Iframe？

從 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中文網其他相關文章！