Question

我必须使用2个按钮打开2个新窗口：

<input id="Corner" type="button" value="Corner" onclick="corner()"/>
<input id="Center" type="button" value="Center" onclick="center()"/>

转角窗口应该从左上角开始打开一个新窗口并在整个屏幕中展开，这是我的不工作功能：

function corner() {
window.open("https://www.facebook.com/", "New", "height=screen.height(),width=screen.width()");
}

首先为什么没有得到screen.height（）？

中心按钮应在中心打开一个新窗口，然后在所有4个方向上展开窗口以覆盖所有屏幕。我不知道如何做到这一点。

function center() {
//...?
}

Answer 1

window.open没有动画的原生功能。您需要其他一些javascript代码，例如this或these才能实现这一目标。但是，我将在下面解决其他问题。

如果您使用的是纯JavaScript，则可以通过window.screen对象访问屏幕尺寸：

[Window.screen]返回与窗口关联的屏幕对象的引用。屏幕对象是一个用于检查属性的特殊对象正在渲染当前窗口的屏幕。

像这样：

screen.height (or window.screen.height)
screen.width (or window.screen.width)

此外，要包含实际值而不是仅包含“screen.height”的字符串，请连接window.open字符串中的值：

function corner() {
    window.open(
        "https://www.facebook.com/",
        "New",
        "height=" + screen.height + ",width=" + screen.width
    );
}

WORKING EXAMPLE

Answer 2

您的corner功能应该是：

function corner() {
    window.open("https://www.facebook.com/", "New", "height=" + screen.height + ",width=" + screen.width);
}

和您的center功能：

function center(w,h) {
    var left = screen.width/2 - w/2;
    var top = screen.height/2 - h/2;
    window.open("https://www.facebook.com/", "New", "left=" + left + ", top=" + (top-52) + ", width=" + w + ", height=" + h);
}

为了使新窗口居中，它需要具有特定的宽度和高度。您可以将这些值传递给html中的函数。

<input id="Center" type="button" value="Center" onclick="center(1000,500)" />

FIDDLE

打开新窗口

2 个答案: