Question

我想用JavaScript来控制不同大小窗口的弹出位置。

我该怎么做？

Answer 1

我假设你正在谈论标准的window.open弹出窗口，如果不是，请告诉我们。

你要做的事情很简单。首先使用screen对象找出客户的屏幕尺寸：

var screenWidth = screen.width;
var screenHeight = screen.height;

现在，由于我们有屏幕尺寸，我们可以使用它来计算800x600尺寸的居中弹出窗口的左上角：

var top = screenWidth/2 - 300;
var left = screenHeight/2 - 400;

现在，我们准备好了：

var myCenteredWindow = window.open(myURL,'myFancyPopup','width=800,height=600,scrollbars=no,top=' + top + ',left=' + left + '');

请注意，这可以很容易地写成一行（当你得到正在发生的事情时）：

var myCenteredWindow = window.open(myURL,'myFancyPopup','width=800,height=600,scrollbars=no,top=' + screen.width/2 - 300 + ',left=' + screen.height/2 - 400 + '');

Answer 2

要控制不同窗口大小的弹出对话框窗口，请使用窗口宽度和对话框宽度来计算对话框的位置，例如：如果需要对话框无论窗口宽度如何，都显示在屏幕中间，请尝试：

var windowWidth = $(window).width(); //get the windows width;
var dialogWidth = $("#popup-dialog").width(); // get the dialog width;
var pLeft = (windowWidth - dialogWidth) / 2;
$("#dialog").css("left", pLeft);

具有不同窗口大小的jQuery Popup位置

2 个答案: