Javascript中window.open()设置窗口尺寸为何需指定窗口名？

好问题！这其实和现代浏览器对window.open()的行为规则以及安全限制有关，咱们一步步说清楚：

1. 为什么窗口名参数会影响尺寸设置？ #

当你省略window.open()的第二个窗口名参数时，浏览器会将这个新窗口视为默认的新标签页/窗口——这类窗口的尺寸是由浏览器的默认设置（比如用户的窗口大小、标签页模式）决定的，会直接忽略你传入的height和width参数，所以会全屏/按默认大小加载。

而当你传入一个具体的窗口名（哪怕是空字符串""），浏览器会把它识别为一个用户自定义的命名窗口，这时候就会遵循你指定的尺寸规则。空字符串在这里相当于一个“无标识但明确是自定义”的窗口，和浏览器默认的新窗口划清了界限，所以参数能正常生效。

2. 为什么resizeTo()无法生效？ #

这是浏览器的安全限制在起作用！现在几乎所有主流浏览器都禁止JavaScript脚本随意调整浏览器默认打开的窗口/标签页大小——毕竟如果允许随便改，很容易被恶意网站滥用（比如弹出极小的窗口诱导用户点击）。

只有当窗口是你通过window.open()主动指定尺寸创建的自定义窗口时，脚本才有权限用resizeTo()去调整它的大小。如果是默认打开的窗口，这个调用会被浏览器直接忽略。

正确的实现示例 #

如果想确保窗口按指定尺寸打开，两种写法都可行：

// 写法1：使用自定义窗口名
function myFunction(){
  window.open("http://example.com", "myCustomWindow", "height=150, width=150");
}

// 写法2：使用空字符串作为窗口名
function myFunction(){
  window.open("http://example.com", "", "height=150, width=150");
}

内容的提问来源于stack exchange，提问作者Jake Go