打开一个居中的弹出窗口和特定的宽度和高度

时间:2013-11-10 10:28:53

标签: javascript

当有人点击选择选项中的相册时,我试图弹出一个窗口。我可以弹出一个新选项卡,但无法通过弹出和居中的新窗口。这是我用过的代码:

function popup(pageURL, title, popupWidth, popupHeight) 
{
    var left = (screen.width / 2) - (popupWidth / 2);
    var top = (screen.height / 2) - (popupHeight / 2);
    var targetPop = window.open(pageURL, title, 'toolbar=no, location=no,directories=no,status=no, menubar=no, scrollbars=YES, resizable=YES, copyhistory=no,width=' + popupWidth + ', height=' + popupHeight + ', top=' + top + ', left=' + left);
}

当您从选择框中选择特定相册时,我会调用函数popup():

popup('http://www.google.com', 'googlePopup',700,600)

我正在使用谷歌进行测试。

可以通过谷歌打开一个窗口,但是它会在新标签页中打开,而不是以新窗口为中心

2 个答案:

答案 0 :(得分:0)

弹出窗口是在新窗口中打开还是在新选项卡中打开取决于用户首选项。你无法改变这种行为。

如果您想要一个打开中心屏幕的弹出窗口,我建议您使用纯HTML解决方案并在页面顶部放置一个图层。您可以使用类似jQuery UI的库(或任何其他可用的)

答案 1 :(得分:0)

您可以试试这个,添加了screenXscreenY

  var targetPop = window.open(pageURL, title, 'toolbar=no, location=no,directories=no,status=no, menubar=no, scrollbars=YES, resizable=YES, copyhistory=no,width=' + popupWidth + ', height=' + popupHeight + ', top=' + top + ', left=' + left+",screenX=" + left + ",screenY="
                + top);