如何從iFrame調用Javascript函數？

Question

我有2個html文件。

1.html將從iframe調用2.html。

<iframe src="2.html" > </iframe>

2.html定義了2個javascript函數。

function func1(a, b, c) {
  for () {
    .....
  }
}

function func2() {
 func1(a, b, c);
}

HTML

<body onload="func2()">

現在我的問題是，我必須將這2個html文件合並為一個html。 2.html必須在iframe中執行。

我試圖做到

<!DOCTYPE html>
<html>

  <body>
    <iframe id="foo" onload="myFunction()" /> </iframe>
    <script>
      function myFunction() {
        var iframe = document.getElementById('foo'),
          iframedoc = iframe.contentDocument || iframe.contentWindow.document;
        iframedoc.body.innerHTML = func2();
      }

    </script>
  </body>

</html>

但是不調用func2（）。 有人可以建議在iframe中調用javascript函數的方法嗎？

提前致謝。

Answer 1

由於CSP（內容安全策略），您無法從iframe調用此類函數。 在iframe之外進行通訊的唯一方法是傳遞消息。 請參閱此以獲得解釋https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage 。

如何從iFrame調用Javascript函數？

問題描述

1 個解決方案

解決方案1
2 2017-04-05 07:08:26

如何從iFrame調用Javascript函數？

問題描述

1 個解決方案

解決方案1 2 2017-04-05 07:08:26

解決方案1
2 2017-04-05 07:08:26