javascript：如何从window.opener访问window.top？

Question

我正在尝试在http://www.globalrph.com/davescripts/popup.htm的弹出窗口中引用window.top

一次在弹出窗口中，我想访问主窗口的文档，但是window.top返回未定义。

Answer 1

要访问弹出窗口的打开器使用。

window.opener

访问开瓶器的顶部（例如，开瓶器位于iframe中）

window.opener.top

进入打开器窗口后，您希望可以访问文档以更改其上下文，操作URL的位置等。

Answer 2

如果要将弹出窗口移动到与打开的浏览器窗口相同的顶部位置，并在水平方向上居中于打开的浏览器窗口的大小，请在现代浏览器中使用：

window.moveTo(window.opener.screenX + (window.opener.outerWidth / 2) - (window.outerWidth / 2), window.opener.screenY)

externalWidth和screenX和screenY在IE9及更高版本和现代浏览器中均可使用。

moveTo已经存在了很长时间。

在这种情况下，我们将获得打开的浏览器窗口的左侧位置，计算其中心并减去弹出窗口宽度的一半。 那给出了中心位置。 然后，我们使用window.opener.screenY获取打开的浏览器窗口的顶部位置，并将弹出窗口的顶部设置为相同。

许多浏览器默认情况下都启用了弹出窗口阻止程序，并且需要用户单击链接才能打开弹出窗口。 我有这个Web应用程序，它打开一个弹出窗口来预览结果。 许多Web应用程序将定位的div用于对话框。 不知道您的应用程序，我真的无法就最佳方法提出建议。