JavaScript之BOM location对象+navigator对象+history 对象

JavaScript 中的 BOM 对象是浏览器对象模型，它提供了一些对象，用于处理浏览器窗口、历史记录、位置等特定功能。

其中，location 对象用于处理当前窗口的地址，包括 URL 和 hash，并且可以执行页面的跳转、刷新等操作。常用的属性包括：

• location.href：获取或设置当前页面地址
• location.protocol：获取或设置协议类型（http 或 https）
• location.hostname：获取或设置主机名
• location.port：获取或设置端口号
• location.pathname：获取或设置路径名
• location.hash：获取或设置 HASH 值

下面是一个使用 location.href 实现跳转的示例：

// 跳转到指定地址
location.href = "http://www.example.com";

// 刷新页面
location.href = location.href;

navigator 对象提供了一些关于浏览器的信息，例如浏览器名称、版本和使用的操作系统等。常用的属性包括：

• navigator.userAgent：获取浏览器的 user-agent 信息
• navigator.appName：获取浏览器名称（通常为 "Netscape"）
• navigator.appVersion：获取浏览器版本号信息
• navigator.platform：获取用户操作系统信息

下面是一个输出浏览器名称和版本信息的示例：

console.log("Browser name: " + navigator.appName);
console.log("Browser version: " + navigator.appVersion);

history 对象提供了浏览器历史记录管理的方法和属性。常用的操作包括：

• history.back()：返回上一个历史记录页面
• history.forward()：前进到下一个历史记录页面
• history.go(n)：根据当前历史记录页面，前进或后退 n 个页面

下面是一个前进后退的示例：

// 后退 1 个页面
history.back();

// 前进 2 个页面
history.go(2);

总体来说，BOM 对象提供了丰富的浏览器操作接口，开发者可以根据自己的需要选择合适的对象和属性进行操作。