请详细介绍你对BOM的理解，常见的BOM对象你了解哪些？-JavaScript面试指南

当前位置:　首页>> 技术小册>> JavaScript面试指南

BOM（Browser Object Model）是浏览器对象模型，它提供了访问和操作浏览器窗口及其相关对象的接口，包括窗口、框架、历史记录、位置、导航等信息。常见的BOM对象包括window、location、navigator、screen等。下面是对BOM对象的简要介绍以及相关代码示例：

**window对象**
window对象表示当前浏览器窗口，它是BOM的核心对象之一，也是默认的全局对象。window对象提供了许多方法和属性，例如setTimeout、alert、confirm、location、navigator、screen等。示例代码如下：
```
// 弹出提示框
window.alert("Hello World");

// 在3秒后执行函数
window.setTimeout(function() {
  console.log("3 seconds passed");
}, 3000);

// 获取当前页面的URL
const url = window.location.href;

// 获取用户的浏览器信息
const browserInfo = window.navigator.userAgent;
```
**location对象**
location对象表示当前窗口的URL，它提供了许多与URL相关的方法和属性，例如href、hostname、pathname等。示例代码如下：
```
// 跳转到指定的URL
location.href = "https://www.example.com";

// 获取当前URL的hostname
const hostname = location.hostname;

// 获取当前URL的pathname
const pathname = location.pathname;
```

**navigator对象**
navigator对象表示当前浏览器的信息，例如浏览器类型、版本、操作系统等。示例代码如下：
```
// 获取用户的浏览器信息
const browserInfo = navigator.userAgent;

// 获取浏览器的语言设置
const language = navigator.language;
```
**screen对象**
screen对象表示当前显示器的信息，例如显示器的分辨率、像素密度等。示例代码如下：
```
// 获取屏幕的宽度和高度
const screenWidth = screen.width;
const screenHeight = screen.height;

// 获取屏幕的像素密度
const pixelDensity = screen.devicePixelRatio;
```

以上是常见的BOM对象及其相关方法和属性