javascript - 如何打开新的浏览器窗口(不是选项卡)，然后使用 jQuery/Javascript 调整它的大小

Question

我正在尝试制作一个网络应用程序，主要用于我自己的公司(供内部使用)。由于应用程序的 UI 不多，所以我认为将网站目标设置为低分辨率(400x600 分辨率)是个好主意，当客户端(来自 PC 浏览器)向网站发出请求时，

• 我会打开一个新窗口 ( How to open new browser window using javascript? )
• 在新窗口中将显示我的网站。

所以它看起来就像一个聊天类的信使应用程序。但是我还想做两件事。 (请参阅所附屏幕截图，了解到目前为止发生的情况)

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

有人可以帮忙吗？

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>