如何使用 Javascript 存取和操作 Iframe 的內容？

在 Javascript 中檢索 iframe 的內容

在 Javascript 中取得 iframe 的正文內容需要特定的方法。雖然 jQuery 提供了一個簡單的方法，但純 Javascript 提供了同樣有效的解決方案。

純 Javascript 方法

1. 取得 iframe 元素：

   • var iframe 元素：
   • var iframe = document.getElementById('id_description_iframe');
var iframe = document.querySelector('#id_description_iframe');

2. var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

此方法適用於大多數瀏覽器，因為它首先檢查器屬性，然後回退到contentWindow.document 以實作Internet Explorer 相容性。

選擇元素並調用函數

一旦您有了iframe 文檔，您可以使用標準的Javascript 方法與其進行交互：
• 透過ID取得元素：iframeDocument.getElementById('frameBody');
• 使用 CSS 選擇器：iframeDocument .querySelectorAll('#frameBody');
• 檢索 iframe 視窗：來擷取 iframe 視窗：來擷取iframe.contentWindow;
  在iframe 視窗上呼叫函數或存取變數：
  • iframeWindow.myVar = window.myVar;

注意事項

使用 iframe 時請記得考慮同位策略。如果 iframe 和父文檔來自不同來源，則可能適用跨來源限制。

以上是如何使用 Javascript 存取和操作 Iframe 的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！