浏览器对象模型 (Browser Object Model, BOM) 是指浏览器提供的一组对象，用于访问和操作浏览器窗口以及与之相关的文档、历史记录等信息。本文将对 BOM 的常用对象及其方法进行详细介绍，并提供示例代码。
Window 对象
Window 对象代表浏览器的窗口或标签页，是 BOM 的核心对象之一。可以通过 window 对象访问和操作当前窗口或标签页的各种属性和方法。
常用属性
window.innerHeight和window.innerWidth分别表示浏览器窗口的高度和宽度，不包括菜单栏和工具栏等。window.outerHeight和window.outerWidth分别表示整个浏览器窗口的高度和宽度，包括菜单栏和工具栏等。window.location表示当前文档的 URL，可以设置该属性跳转到其他页面。window.history表示浏览器的历史记录，可以通过该对象的方法实现前进、后退等操作。
常用方法
window.alert(msg)弹出一个带有消息和“确定”按钮的警告框。window.prompt(msg, defaultVal)弹出一个带有消息、输入框和“确定”、“取消”按钮的对话框，返回用户输入的值。window.confirm(msg)弹出一个带有消息、“确定”、“取消”按钮的确认对话框，返回用户点击的按钮是否为“确定”。
示例代码
-- -------------------- ---- ------- -- ------------- ------------------- ------- ------------------------ ------------------- ------ ----------------------- -- ------- -------------------- - ---------------------- -- ---- ---------------------- -- ------------------ ----- ---- - ------------------- -- ---- ------- --------- -- ------ - -------------------- ----------- - ---- - -------------------- ----- ---- -------- -
Navigator 对象
Navigator 对象包含有关浏览器的信息，如名称、版本号、支持的插件等。可以通过 navigator 对象访问这些信息。
常用属性
navigator.userAgent表示当前浏览器的 User-Agent 字符串，包含浏览器的名称、版本号、操作系统等信息。
示例代码
// 获取浏览器的 User-Agent 字符串
console.log(`User agent: ${navigator.userAgent}`);Screen 对象
Screen 对象表示客户端屏幕的信息，如分辨率、色彩深度等。可以通过 screen 对象访问这些信息。
常用属性
screen.width和screen.height分别表示屏幕的宽度和高度，以像素为单位。screen.availWidth和screen.availHeight分别表示屏幕的可用宽度和高度，不包括任务栏等。
示例代码
// 获取屏幕的分辨率和可用大小
console.log(`Screen resolution: ${screen.width} x ${screen.height}`);
console.log(`Available size: ${screen.availWidth} x ${screen.availHeight}`);History 对象
History 对象表示浏览器的历史记录，可以通过该对象的方法实现前进、后退等操作。
常用方法
history.back()向后导航到上一个页面。history.forward()向前导航到下一个页面。
示例代码
// 后退一步 window.history.back();
Location 对象
Location 对象表示当前文档的 URL
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11584
