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

时间:2009-12-02 20:23:44

标签: javascript

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

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

提前致谢

3 个答案:

答案 0 :(得分:5)

假设:

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

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

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

HTML5方法:调用窗口对象的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);

答案 1 :(得分:3)

最近才问到类似的问题:

Stack Overflow问题:Quickest way to pass data to a popup window I created using 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');
}

答案 2 :(得分:0)

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

加布里埃尔