如何從父頁面呼叫 Iframe 中的 JavaScript 函數？

從父頁呼叫Iframe 中的JavaScript 程式碼

在Web 開發中，有些場景需要與嵌入的JavaScript 程式碼互動在父頁面的iframe 內。雖然使用parent.functionName()從iframe呼叫父函數很簡單，但反向操作卻提出了挑戰。

解決方案

呼叫在從父頁的iframe 中，您可以使用以下程式碼片段：

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

將targetFrame 替換為id或名稱你的iframe 元素。

另一個選項是透過window.frames 陣列存取框架：

window.frames[0].frameElement.contentWindow.targetFunction();

注意：第二種方法可能不適用於較新的版本Chrome 和Firefox由於跨域通訊的限制。

透過利用這些技術，您可以在父頁面與其嵌入的頁面之間進行有效的通訊iframe，使您能夠根據需要呼叫特定的 JavaScript 函數。

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