如何打开新的浏览器窗口（不是选项卡），然后使用jQuery / Javascript调整其大小

Question

我正在尝试制作一个Web应用程序，该应用程序将主要在我自己的公司中使用（供内部使用）。 由于应用程序的用户界面不多，因此我建议将网站设为低分辨率（400x600分辨率），并且当客户端（通过PC浏览器）向网站发出请求时，

• 我会打开一个新窗口（ 如何使用javascript打开新的浏览器窗口？ ）
• 在新窗口中，将显示我的网站。

因此，它看起来就像是聊天类型的Messenger应用。 但是我还有两件事要做。 (See attached screenshot, of what happens till now)

• 当前（使用上面的代码），我可以打开新窗口，但原始窗口（选项卡）没有关闭。 我要关闭它
• 其次，我想将新窗口的位置设置在右下角，该怎么办？

有人可以帮忙吗？

Answer 1

这将为您解决问题：

<button onclick="openNewWidow(500,100)" > OPen </button>

<script language="javascript">

function openNewWidow(width, height) {
    var top = parseInt((screen.availHeight) - height - 100);
    var left = parseInt((screen.availWidth) - (width / 2));
    var features = "location=1, status=1, scrollbars=1, width=" + width + ", height=" + height + ", top=" + top + ", left=" + left;
    window.open("test.html", "kad", features);
    window.close();
}

</script>