JavaScript BOM（浏览器对象模型）是一个丰富的 API 集合，允许开发人员访问和控制浏览器行为。它提供了对浏览器窗口、历史记录、位置、导航器和屏幕等对象的操作权限，使你能够构建出更加动态和交互性的网页。
1. BOM 的属性
BOM 中包含许多有用的属性，可用于获取浏览器相关信息和状态。
window.innerWidth和window.innerHeight：获取浏览器窗口的内部宽度和高度。window.location：表示当前页面的 URL。window.history：保存了用户浏览历史记录的对象。window.navigator：提供有关浏览器和操作系统的信息。window.screen：提供了有关屏幕分辨率、颜色深度和可用尺寸等信息。
2. BOM 的方法
BOM 中也提供了许多方法，用于操作浏览器行为。
window.open()：打开一个新的浏览器窗口或标签页。window.close()：关闭当前窗口或标签页。window.alert()、window.confirm()和window.prompt()：显示模态对话框并等待用户输入。window.setInterval()和window.setTimeout()：允许你安排函数在指定的时间间隔或延迟后执行。window.location.reload()：重新加载当前页面。
3. BOM 的事件处理
BOM 中还提供了对浏览器事件的处理功能。
window.onload()：当页面加载完成时触发。window.onresize()：当浏览器窗口大小改变时触发。window.onscroll()：当用户滚动页面时触发。window.onclick()、window.onmousemove()和window.onkeydown()：分别处理鼠标点击、鼠标移动和键盘按下事件。
4. BOM 的应用场景
BOM 的应用场景非常广泛，这里仅举几例：
- 创建模态对话框，用于提示用户或收集信息。
- 使用
setInterval()和setTimeout()来实现动画效果或延迟加载内容。 - 使用
window.location来实现页面的导航和重定向。 - 使用
window.open()来打开新窗口或标签页，并加载指定 URL。
5. 结论
BOM 是一个功能强大的 API 集合，允许开发人员访问和控制浏览器行为，从而创建出更加动态和交互性的网页。掌握了 BOM 的属性、方法和事件处理能力，你将能够为用户提供更加丰富的浏览体验。
