从父窗口中的子窗口运行函数

Question

我有两个窗口：parent和popup。显然parent有参考popup。现在popup我有一个函数说

function test() { alert('test'); } 

，我想调用这个函数在parent，像popup.test();。有没有办法做到这一点？我知道如何以相反的方式做到这一点。只要声明

window.test = function() { alert('test'); } 

并在弹出窗口调用window.opener.test();工作正常。然而，这不适用于我的情况（我认为因为window.opener对象是一个参考，但window.open和window在popup没有真正相关）。有任何想法吗？

Answer 1

它确实取决于您为弹出窗口定义函数的上下文。假设你随附的功能/数据，以弹出窗口的window对象时，可以从窗口访问句柄window.open返回（窗口处理是用于弹出的window对象）：

var w = window.open(somelocation,''); //has a function on `window` called "test" 
w.test(); 

_{我会假设你懂得安全沙箱中的弹出窗口的工作方式}

Answer 2

在弹出声明test()如下：

window["test"] = function() 
{ 
    alert("It works!"); 
} 

然后从主窗口中打开弹出式窗口：

var popup = window.open("popup.html", "The popup"); 

，并致电功能：（！没有/show因为跨域限制将无法正常工作）

popup.window.test(); 

的jsfiddle ：http://jsfiddle.net/szK3F/show/