探索 BOM 的核心组件
BOM 是一个一组 JavaScript 对象和属性，为开发人员提供了与浏览器交互的强大能力。其核心组件包括：
window对象： 代表浏览器窗口，提供对窗口尺寸、位置和历史记录等属性的访问。navigator对象： 提供有关浏览器和用户代理的信息，例如版本、平台和语言。document对象： 表示 HTML 文档，提供对元素、样式和事件的访问。
操作浏览器窗口
BOM 使得操作浏览器窗口变得轻而易举：
// 获取窗口宽度
const windowWidth = window.innerWidth;
// 设置窗口标题
document.title = "新的标题";
// 打开一个新窗口
window.open("https://example.org");
// 关闭当前窗口
window.close();管理浏览历史
BOM 还允许开发人员追踪并管理用户的浏览历史：
// 获取当前 URL
const currentURL = window.location.href;
// 前进一页
window.history.forward();
// 后退一页
window.history.back();
// 添加一个新的浏览历史记录条目
window.history.pushState({}, "", "/new/page");优化用户导航
通过 BOM，开发人员可以增强用户的导航体验：
// 监听浏览器窗口的重新调整大小事件
window.addEventListener("resize", () => {
// 做一些事情
});
// 在新选项卡中打开链接
const link = document.querySelector("a");
link.addEventListener("click", (e) => {
e.preventDefault();
window.open(link.href, "_blank");
});其他隐藏的宝藏
除了核心组件之外，BOM 还提供了其他有用的功能，例如：
screen对象： 提供有关屏幕尺寸和分辨率的信息。locationbar对象： 允许开发人员操作浏览器的位置栏。menubar对象： 提供对浏览器菜单栏的访问。
充分利用 BOM
使用 BOM，开发人员可以构建更强大、更用户友好的 Web 应用程序。通过了解其核心组件和隐藏的宝藏，开发人员可以解锁浏览器的全部潜力，为用户提供无缝且引人入胜的体验。
