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用於對話框。 不知道您的應用程序，我真的無法就最佳方法提出建議。