jQuery打开以固定大小为中心的新窗口[重复]答案

【问题标题】：jQuery open new window centered with fixed size [duplicate]jQuery打开以固定大小为中心的新窗口[重复]
【发布时间】：2012-10-27 15:34:06
【问题描述】：

可能重复：
Center a popup window on screen?

我有 4 个不同的链接，所有这些都需要打开一个新窗口，该窗口将针对 4 个不同的 html 文件。

点击链接时，需要在新窗口中打开相关的html文件，两者：

居中
固定尺寸 900 x 600

我在下面找到了这个，但它似乎不适合窗口居中

http://jquerybyexample.blogspot.com/2012/05/open-link-in-new-tab-or-new-popup.html

干杯

【问题讨论】：

阅读这个 - nigraphic.com/blog/java-script/…
感谢大家的完美工作
我已经针对重复的问题发布了一个双显示器解决方案，供那些正在寻找像我一样更强大的东西的人使用 -> stackoverflow.com/a/16861050/1483871。信用：xtf.dk

标签： jquery html popup new-window

【解决方案1】：

要使新窗口居中，请给它一个屏幕大小的一半 - 窗口大小的一半的 left 和 top 值：

var left  = ($(window).width()/2)-(900/2),
    top   = ($(window).height()/2)-(600/2),
    popup = window.open ("", "popup", "width=900, height=600, top="+top+", left="+left);

FIDDLE

【讨论】：

$(window).width() 是浏览器窗口的宽度，而不是屏幕宽度。要在屏幕上正确居中窗口（当前代码没有 - 您可以尝试使用小提琴并用小提琴调整窗口大小，看看效果如何）使用屏幕对象stackoverflow.com/a/3437825/883738
@AlexSorokoletov - 通常使用window 来处理这样的事情，而不是screen，但这取决于你所追求的，OP 正在寻找window，而你只是根据您正在寻找screen 的事实否决了这个答案。这两种方法都有问题，尤其是screen，因为它不是很一致，如果您有多个屏幕，它总是返回主屏幕的大小，而不是您当前正在处理的屏幕等。
好吧，在这种情况下，打开的窗口仍然不在父窗口的中心。只需调整它的大小并向右移动。只是说...
嗨，伙计！小提琴不再工作。你能更新一下吗？
@Reddy - 好像 jsFiddle 删除了它，我现在更新了，谢谢！