如何在相鄰的iframe中調用JavaScript函數

Question

我有一個html頁面，其中我基本上具有以下布局：

<html>
<body>

<!-- iFrame A -->
<iframe></iframe>

<!-- iFrame B -->
<iframe></iframe>
</body>
</html>

在IFRAME“ B”中，我想在IFRAME“ A”中調用一個js函數，該函數最終將更改window.location屬性並重定向頁面。 我也可以使用jquery，但是無法找出在該相鄰幀中調用某些內容的方法。

有什么建議么？

Answer 1

假設所有內容都在同一個域中，並且您有兩個ID為“ iframe-a”和“ iframe-b”的iframe，並且其父級為jQuery：

在框架A中：

function foo() {
  alert("foo from frame A");
}

從第b幀開始：

window.parent.$("#iframe-a")[0].contentWindow.foo();

而且您應該看到“框架A中的foo”得到警告。

Answer 2

在某些瀏覽器中，僅當框架被命名時才填充window.frames數組，而不是僅具有ID。如果框架被命名且內容來自同一來源（域，端口，協議），則將window.frameb.functionName()將觸發標准javascript中的函數。 查看jQuery版本的其他答案

Answer 3

使用window.parent獲取父窗口（主窗口），然后在父窗口上使用window.frames獲取幀B。從那里調用函數。