尝试从新页面关注已打开的弹出窗口

Question

我有两页，页面“a”和页面“b”。

Page'a“通过

生成一个js弹出窗口

function loadWindow(){
var params = 'status = 0, height = 300, width = 480, resizable = 0';
if(isTouchDevice()){
    params = ''
}
w = window.open('/audio/audioplayer.php?id='+audioId, 'audioplayer', params);
w.document.close();
}

访客然后转到第b页（弹出窗口仍然打开）。我想在页面b上按一个按钮，当按下时它会将焦点带到在页面a上创建的弹出窗口。

我试过寻找答案但没有任何效果。我明白我可以把重点放在

上

window.open('', 'audioplayer', ''); 

或

w.focus();

但问题是我无法弄清楚如何从“a”页面引用弹出窗口

Answer 1

您无法访问其他窗口，因为当您转到第b页时，您的参考会死亡。出于安全考虑，大多数浏览器都不允许这样做。如果可以访问所有浏览器选项卡的任何页面。

你可以测试一下。通过打开弹出窗口，然后在其中执行window.opener。这将返回页面a。但是当您从第a页浏览到第b页时。弹出窗口的opener属性为null。

解决方法将动态加载页面b到页面a。这样就可以保留窗口和引用。