javascript - 如何使用我已有的代码将 javascript 弹出窗口居中

Question

我需要能够将出现的弹出窗口居中。我知道这个问题已经被问过很多次了，但我找不到一个有效的。请帮忙!

jQuery(document).ready(function (jQuery) {
       jQuery('.open-window').click(function () {
            var NWin = window.open(jQuery(this).prop('href'), '', 'scrollbars=1,height=400,width=400');
                  if (window.focus) {
                      NWin.focus();
                  }
                  return false;
      });
});

Answer 1

我想这就是你所追求的

jQuery(document).ready(function (jQuery) {
    var screenWidth = (screen.width-400)/2,
        screenHeight = (screen.height-400)/2;

jQuery('.open-window').click(function () {
    var NWin = window.open(jQuery(this).prop('href'), '', "'scrollbars=1, height=400, width=400, top="+screenHeight+", left="+screenWidth+"'");

    if (window.focus) {
        NWin.focus();
    }
    return false;
    });
});

http://jsbin.com/cesitun/edit?html,js,console,output