BOM通过window、location、history、navigator和screen对象实现浏览器交互。window是全局对象，控制窗口操作与DOM访问；location管理URL解析与跳转；history支持历史记录导航与状态管理；navigator提供浏览器信息与网络状态；screen获取屏幕尺寸与可用空间，共同提升Web应用交互性与用户体验。
JavaScript的BOM（Browser Object Model，浏览器对象模型）是前端开发中与浏览器交互的核心机制。它提供了一套用于控制浏览器行为的对象和方法，让开发者可以操作窗口、导航历史、屏幕信息、弹出对话框等。虽然BOM没有统一的官方标准，但现代浏览器对其支持已高度一致，掌握BOM有助于更好地理解运行环境并实现丰富的用户交互。
window对象：全局作用域与核心控制器
在浏览器环境中，window 是最顶层的全局对象，所有全局变量、函数和内置对象都挂载在其下。
- 定义在全局作用域的变量会自动成为 window 的属性，例如
var a = 1等价于window.a = 1。 - window 同时是 JavaScript 执行上下文的全局对象，也是 DOM 的容器，可通过它访问 document、location、history 等子对象。
- 常用方法如
alert()、confirm()、prompt()实际上是window.alert()等的简写。
开发者可利用 window 控制窗口大小与位置：
-
window.resizeTo(width, height)：调整窗口尺寸。 -
window.moveTo(x, y)：移动窗口位置。 - 注意：出于安全限制，这些方法通常只对脚本打开的窗口有效。
location对象：管理当前页面地址
location 对象包含当前页面完整的 URL 信息，是实现页面跳转和参数解析的关键工具。
立即学习“Java免费学习笔记（深入）”；
- 通过
window.location.href可获取或设置完整URL，赋值即可实现跳转。 - 拆分属性如
protocol、host、pathname、search、hash可精确读取各部分。 -
location.search常用于提取查询参数，配合 URLSearchParams 解析更方便。
刷新与跳转方式对比：
-
location.reload()：重新加载当前页面，可传 true 强制从服务器加载。 -
location.assign(url)：跳转到新地址，保留历史记录。 -
location.replace(url)：替换当前页，不会留下回退记录。
history对象：控制浏览历史
history 对象允许开发者在用户浏览历史中前进、后退或添加状态，提升单页应用体验。
-
history.back()和history.forward()分别模拟浏览器“后退”和“前进”按钮。 -
history.go(n)接收数字参数，正数前进，负数后退。
现代前端路由依赖 history.pushState() 和 replaceState()：
-
pushState(state, title, url)添加一条新历史记录，不触发页面刷新。 -
replaceState(state, title, url)替换当前历史记录。 - 需配合 popstate 事件监听浏览器前进后退动作。
navigator与screen：获取设备与环境信息
navigator 提供浏览器身份和功能支持信息，常用于兼容性判断或统计分析。
-
navigator.userAgent返回用户代理字符串，可用于识别浏览器类型（建议谨慎使用，优先特性检测）。 -
navigator.platform获取操作系统平台信息。 -
navigator.onLine判断设备是否联网，还可监听 online/offline 事件。
screen 对象描述用户屏幕信息，适用于响应式布局或全屏控制：
-
screen.width和screen.height表示屏幕分辨率。 -
screen.availWidth/availHeight排除任务栏等系统占用区域。 - 结合
window.screenLeft、screenTop可精细控制弹窗位置。
基本上就这些。BOM 提供了与浏览器深度交互的能力，合理使用能显著提升用户体验，但也需注意权限限制和跨浏览器差异。理解其结构和行为是构建健壮 Web 应用的基础。
