javascript - 如何创建小尺寸的弹出新窗口浏览器

Question

我尝试创建链接，如果点击会弹出一个新的小尺寸 Windows 浏览器，我试过这段代码

<p>Click the button to open a new browser window.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    window.open("http://www.w3schools.com");
}
</script>

结果是它成功移动到其他链接但在父浏览器的新选项卡中打开，我试图创建的是在新窗口浏览器中打开的小尺寸链接。

Answer 1

您可以设置高度和宽度。

window.open("http://www.w3schools.com", "", "width=200,height=100");

设置位置中心。

var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

var left = ((width / 2) - (w / 2)) + dualScreenLeft;
var top = ((height / 2) - (h / 2)) + dualScreenTop;

window.open("http://www.w3schools.com", "", "width=200,height=100, top=' + top + ', left=' + left");