如何在两个浏览器窗口之间进行通信？

Question

我有父浏览器窗口P. 单击按钮时，将打开一个新的浏览器窗口WIN-A。 然后再次按下相同的按钮，它应该读取WIN-A窗口的标题并打开WIN-B

如何使用Javascript实现这一目标？

提前致谢

Answer 1

鉴于：

var myWindow = open("foo.bar");

旧方法：更改窗口对象的name属性：

myWindow.name = "...";
// in foo.bar:
setInterval(someFunctionToCheckForChangesInName, 100);

HTML5方法：调用window对象的postMessage方法：

myWindow.postMessage("...", "*");
// in foo.bar:
(window.addEventListener || window.attachEvent)(
  (window.attachEvent && "on" || "") + "message", function (evt) {
    var data = evt.data; // this is the data sent to the window
    // do stuff with data
  },
false);

Answer 2

最近刚刚问了一个类似的问题：

Stack Overflow问题： 将数据传递到我使用window.open（）创建的弹出窗口的最快方法？

使用它作为基础（并提供父和WIN-A在同一个域）：

// Put outside click handler
var winA = null;

// Put inside click handler

if(!winA){
    // Store the return of the `open` command in a variable
    var winA = window.open('http://www.mydomain.com/page1');
} else {
    var title = winA.document.title;
    // Do something with title
    var winB = window.open('http://www.mydomain.com/page2');
}

Answer 3

当您调用window.open时，它会返回对新打开的窗口的引用。 您可以将引用存储在数组中打开的窗口中，然后在需要打开另一个新窗口时迭代该数组。

加布里埃尔