如何從父頁面存取 iFrame 中的 JavaScript 函數？

從父頁存取 iFrame 中的 JavaScript 程式碼

從父頁呼叫嵌​​入 iFrame 中的 JavaScript 程式碼可能是個常見的挑戰。雖然從 iFrame 內與父頁面互動的能力很簡單，但從父頁面存取 iFrame 中定義的函數需要不同的方法。

解決方案：

要實現此目的，您可以利用以下技術：

1. 識別iFrame 的ID和函數名稱：
   確保您的iFrame 具有唯一ID，並且您要呼叫的函數具有特定名稱。

2. 取得內容視窗：
   使用 document.getElementById() 方法，透過 ID 定位特定 iFrame 並擷取其contentWindow屬性：

   const contentWindow = document.getElementById('iFrameID').contentWindow;

3. 呼叫函數：
   取得iFrame 的內容視窗後，您可以透過呼叫以下函數來呼叫所需的函數：

   contentWindow.functionName();

例如，如果您的iFrame 的ID是「targetFrame」且您要呼叫的函數是targetFunction()，您可以使用：

document.getElementById('targetFrame').contentWindow.targetFunction();

替代方法：

或者，您可以存取內容使用window.frames 的iFrame 視窗：

 // This option may not work in the latest versions of Chrome and Firefox.
window.frames[0].frameElement.contentWindow.targetFunction();

以上是如何從父頁面存取 iFrame 中的 JavaScript 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！