文章
JavaScript 浏览器对象模型 (BOM) 是一个强大的工具，允许 JavaScript 代码与浏览器交互，从而解锁各种浏览器功能。它提供了一个 API，使开发人员能够访问浏览器环境的各种组件，包括窗口、文档和导航历史记录。
窗口对象
窗口对象代表浏览器窗口本身。它提供了操作窗口的方法，如：
open()：打开新窗口或选项卡。close()：关闭当前窗口或选项卡。moveTo()：移动窗口到指定坐标。resizeTo()：调整窗口大小。
演示代码：
window.open("https://google.com");
window.moveTo(100, 100);
window.resizeTo(500, 500);文档对象
文档对象代表当前打开的 HTML 文档。它提供了一种访问和操作文档元素的方法，如：
getElementById()：获取具有指定 ID 的元素。getElementsByTagName()：获取具有给定标签名称的所有元素。createElement()：创建新的 HTML 元素。appendChild()：将新元素添加到文档中。
演示代码：
const element = document.getElementById("my-element");
const newElement = document.createElement("p");
newElement.appendChild(document.createTextNode("Hello world!"));
document.body.appendChild(newElement);导航历史记录
导航历史记录对象提供了对浏览器历史记录的访问，包括：
length：历史记录中的条目数。back()：后退到历史记录中的上一项。forward()：前进到历史记录中的下一项。go()：跳转到指定的历史记录条目。
演示代码：
console.log(history.length);
history.back();
history.go(-2);事件侦听器
BOM 还允许为浏览器事件添加侦听器，以便在这些事件发生时执行代码。例如，可以为窗口添加一个 "onload" 事件侦听器，以便在页面加载完成后执行代码。
window.addEventListener("load", function() {
// 页面加载完毕后执行的代码
});会话存储
BOM 还提供了会话存储，它允许在浏览器会话期间存储数据。存储的数据在关闭浏览器之前都可用。
sessionStorage.setItem("my-key", "my-value");
const value = sessionStorage.getItem("my-key");安全注意事项
在使用 BOM 时，重要的是要注意安全注意事项。BOM 提供的某些功能，如 window.open()，可能会被恶意网站滥用。因此，在使用这些功能时，必须采取适当的预防措施，例如验证输入和防止跨域脚本攻击。
总结
JavaScript BOM 提供了一组强大的 API，使开发人员能够与浏览器直接交互，访问浏览器窗口、文档和导航历史记录。通过适当利用 BOM，开发人员可以创建更具交互性、功能更强大的 Web 应用程序。
