首页 > 文章 > 前端

JS中常见BOM对象有哪些？

时间：2025-12-15 17:44:41 370浏览收藏

推广推荐

支持 PC / 移动端，安全直达

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《JS中常见BOM对象有哪些》，以下内容主要包含等知识点，如果你正在学习或准备学习文章，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

BOM是JavaScript与浏览器交互的核心API，包含window、location、navigator、history、screen等对象，分别用于操作窗口、URL导航、浏览器信息、历史记录及屏幕信息，辅以dialog和performance等接口，实现页面跳转、用户代理检测、无刷新路由、响应式布局与性能监控，虽无统一标准但广泛支持，为前端开发提供基础能力。

js中bom对象有哪些

BOM（Browser Object Model，浏览器对象模型）是JavaScript中用于与浏览器窗口交互的一套API。它没有一个官方的标准，但所有浏览器都支持一些核心的BOM对象。以下是常见的BOM对象及其主要用途：

1. window 对象

window 是BOM的核心对象，代表浏览器的一个实例窗口，同时也是JavaScript的全局对象。

• 所有全局变量、函数都会成为window的属性和方法。 • 提供了操作浏览器窗口的方法，如打开、关闭、移动、调整大小等。 • 包含其他BOM对象，如location、navigator、history等。

2. location 对象

location 对象包含当前页面的URL信息，并提供跳转页面的能力。

• 可读取或修改当前页面地址：location.href • 重新加载页面：location.reload() • 跳转到新地址：location.assign("https://example.com")

3. navigator 对象

navigator 提供有关浏览器的信息，比如名称、版本、用户代理、支持的功能等。

• 检测浏览器类型：navigator.userAgent • 判断是否启用cookie：navigator.cookieEnabled • 获取语言设置：navigator.language

4. history 对象

history 允许操作浏览器会话历史记录（前进、后退等）。

• 返回上一页：history.back() • 前进一页：history.forward() • 跳转指定页面：history.go(-2) • HTML5新增：history.pushState() 和 replaceState() 实现无刷新路由

5. screen 对象

screen 提供关于用户屏幕的信息，常用于响应式设计或布局优化。

• 屏幕宽度：screen.width • 屏幕高度：screen.height • 可用工作区域：screen.availWidth / availHeight

6. timing 对象（如 performance）

虽然不是传统意义上的BOM对象，但 performance 等时间相关接口也属于BOM范畴。

• performance.now()：高精度时间戳 • performance.timing：已废弃，曾用于页面加载性能分析

7. dialog 对象（如 alert, confirm, prompt）

这些是 window 上的方法，用于弹出浏览器内置对话框。

• alert()：显示警告信息 • confirm()：确认对话框，返回布尔值 • prompt()：输入对话框，返回用户输入内容

基本上就这些。BOM让JavaScript能与浏览器深度交互，控制窗口、导航、设备信息等，是前端开发的重要基础。注意部分API在不同浏览器中表现可能略有差异。不复杂但容易忽略细节。

今天关于《JS中常见BOM对象有哪些？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于BOM的内容请关注golang学习网公众号！

BOM