javascript - 如何从两个不同的页面引用弹出窗口？

Question

我需要允许用户单击“page-1.htm”中的链接并打开一个弹出窗口。然后，当用户在主浏览器窗口中浏览到“page-2.htm”时，我需要能够引用弹出窗口。

“page-1.htm”中的 JavaScript

var playerWin = window.open("player.htm", "playerWin", "width=300,height=130");
playerWin.play("song.mp3");  // play() is a function in player.htm

“page-2.htm”中的 JavaScript

playerWin.play("tune.mp3");

page-2.htm 中的这段代码会生成错误“playerWin 未定义”。这是可以理解的，因为没有在 page-2.htm 上定义名为 playerWin 的变量。

我的问题是:我可以从 page-2.htm 引用弹出窗口吗？

Answer 1

我只是做了一个快速测试，即使在您离开 opener 页面后，弹出窗口仍然有“opener”对象，您可以访问它。因此，要么轮询开启器并重置引用，要么在离开页面后添加一个计时器等待然后重新链接。

1.htm

<script>
var w = window.open("p.htm", "playerWin", "width=300,height=130");
</script>
<a href="2.htm">2</a>

p.htm

<a href="javascript:opener.w=this;">re-link</a>

2.htm

<script>
    var w;
</script>
<a  href="javascript:alert(w);">check</a>