在 JavaScript 中，除了我们熟知的 DOM（文档对象模型），还有一个同样强大但常被忽视的领域------BOM（Browser Object Model，浏览器对象模型）。BOM 提供了与浏览器窗口交互的对象，而它的核心就是 window 对象。
今天，我们就来深入探讨 window 对象中与"窗口控制"息息相关的四个核心方法：打开、关闭、移动和调整尺寸。掌握它们，能让你的 Web 应用具备更丰富的多窗口交互能力。
一、window.open()：打开新世界的大门
window.open() 是最常用的窗口控制方法，它允许你打开一个新的浏览器窗口或标签页。
基本语法
javascript
编辑
window.open(url, target, features, replace);
url：要加载的 URL 地址。
target：目标窗口名称（如 _blank 表示新窗口，_self 表示当前窗口）。
features：一个逗号分隔的字符串，用于定义新窗口的特性（如大小、位置、是否显示工具栏等）。
replace：布尔值，表示新页面是否替代当前历史记录（通常不常用）。
实战示例
javascript
编辑
// 打开一个 400x300 且不可调整大小的新窗口
const newWin = window.open(
'_blank',
'width=400,height=300,resizable=no'
);
⚠️ 避坑指南：弹窗拦截
现代浏览器出于安全和用户体验考虑，会严格拦截非用户主动触发的弹窗。如果你在页面加载时直接调用 window.open()，大概率会被拦截。
解决方案：确保 window.open() 是在用户的交互事件（如 click）中同步调用的。
二、window.close()：优雅地关闭窗口
这个方法用于关闭当前浏览器窗口。但出于安全限制，它只能关闭由 JavaScript 代码（即 window.open()）打开的窗口。如果尝试关闭用户手动打开的标签页，浏览器通常会忽略该操作或弹出确认提示。
实战示例
javascript
编辑
// 关闭当前窗口
window.close();
// 更安全的做法：先判断窗口是否由脚本打开
if (window.opener !== null) {
window.close();
}
三、window.moveTo()：精准移动窗口
如果你需要控制窗口在用户屏幕上的绝对位置，moveTo() 是你的首选。它接收两个参数：距离屏幕左侧的 X 坐标和距离屏幕顶部的 Y 坐标。
实战示例
javascript
编辑
// 将当前窗口移动到屏幕左上角 (0,0) 的位置
window.moveTo(0, 0);
补充：如果你希望窗口相对于当前位置进行移动，可以使用 window.moveBy(x, y)。
四、window.resizeTo()：动态调整窗口尺寸
当你的应用需要特定的视口大小（例如某些全屏展示页或特定的工具窗口）时，可以使用此方法强制设定窗口的宽高。
实战示例
javascript
编辑
// 将窗口调整为 800x600 的尺寸
window.resizeTo(800, 600);
补充：与 moveTo 类似，window.resizeBy(width, height) 可以基于当前尺寸进行相对缩放。
五、进阶：检测弹窗是否被屏蔽
在实际开发中，我们往往需要在打开窗口后确认它是否成功打开。如果返回值为 null，说明弹窗被浏览器拦截了。
javascript
编辑
const win = window.open('https://www.example.com', '_blank');
if (win === null || typeof win === 'undefined') {
alert('弹窗被浏览器拦截，请允许弹出窗口！');
} else {
// 成功打开，可以尝试让新窗口获取焦点
win.focus();
}
六、现代开发的反思：BOM 窗口控制的局限性
虽然 moveTo 和 resizeTo 听起来很酷，但在现代 Web 开发中，我们极少使用它们来改变用户手动打开的浏览器窗口。原因如下：
用户体验极差：随意移动或缩放用户的浏览器窗口是非常"冒犯"的行为，现代浏览器通常会直接忽略这些操作。
多显示器与响应式：用户的屏幕环境极其复杂，硬编码的像素尺寸无法适应现代设备。
最佳实践：
window.open()：保留用于合法的"新标签页打开"或"授权登录弹窗"。
window.close()：仅用于关闭自己用代码打开的辅助窗口。
窗口尺寸与位置控制：留给用户自己决定，开发者只需做好响应式布局（CSS Media Queries）即可。
总结
表格
方法 作用 现代开发使用频率
window.open() 打开新窗口/标签页 ⭐⭐⭐⭐⭐ (高频)
window.close() 关闭脚本打开的窗口 ⭐⭐⭐ (中频)
window.moveTo() 移动窗口到指定坐标 ⭐ (极低，易被拦截)
window.resizeTo() 调整窗口到指定尺寸 ⭐ (极低，易被拦截)
理解 BOM 的窗口控制方法，不仅能让你应对一些特殊的多窗口业务场景，更能让你深刻理解浏览器安全策略的演进。