BOM全面解析：JavaScript高手进阶的秘密武器

2024-01-14 03:52:24

BOM简介

BOM的核心对象是window，它表示浏览器的一个实例。由于window对象同时扮演着ES中Global对象的角色，因此所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。全局变量不能通过delete操作符删除，而直接在window对象上删除属性也不可行。

window对象包含许多子对象，每个子对象都代表浏览器的一个特定方面。这些子对象包括：

document对象：表示当前HTML文档。
location对象：表示当前页面的URL。
navigator对象：表示浏览器信息，如名称、版本、用户代理等。
history对象：表示浏览器的历史记录。
screen对象：表示屏幕信息，如分辨率、色彩深度等。

2. BOM实战应用

2.1 获取浏览器信息

我们可以使用navigator对象获取浏览器的各种信息，例如：

// 获取浏览器名称
console.log(navigator.appName);

// 获取浏览器版本
console.log(navigator.appVersion);

// 获取用户代理
console.log(navigator.userAgent);

// 获取浏览器语言
console.log(navigator.language);

// 获取浏览器平台
console.log(navigator.platform);

2.2 操作浏览器历史记录

我们可以使用history对象操作浏览器的历史记录，例如：

// 返回上一页
history.back();

// 前进到下一页
history.forward();

// 转到指定URL
history.go(1); // 转到历史记录中的第二页

2.3 控制浏览器窗口

我们可以使用window对象控制浏览器窗口，例如：

// 打开一个新窗口
var newWindow = window.open("http://www.example.com");

// 关闭当前窗口
window.close();

// 调整窗口大小
window.resizeTo(800, 600);

// 移动窗口位置
window.moveTo(100, 100);