JavaScript——BOM的理解

BOM浏览器对象模型，提供了独立于内容与浏览器窗口进行交互的对象。

作用就是跟浏览器做一些交互效果，比如页面的后退，前进，刷新，浏览器窗口发生变化、滚动条的滚动

1.window

BOM的核心对象是window，是浏览器的一个实例，

在浏览器中，window对象有双重角色，既是浏览器窗口的一个接口，又是全局对象。

因此所有在全局域中声明的变量，函数都会变成window对象的属性和方法。

window.open() 既可以导航到一个特定的url，也可以打开一个新的浏览器窗口

如果 window.open() 传递了第二个参数，且该参数是已有窗口或者框架的名称，那么就会在目标窗口加载第一个参数指定的URL

// 在当前窗口中打开一个新的 URL
window.open('https://www.example.com');
​
// 在新标签页中打开一个新的 URL
window.open('https://www.example.com', '_blank');//_blank：在新的标签页或窗口中打开 URL。

2.location

window.location是一个对象，用于获取或设置当前窗口的URL信息。它包含了当前页面的URL的各种属性，允许开发者在代码中获取和操作当前页面的URL。

// 获取当前页面的完整URL
console.log(window.location.href);
​
// 获取当前页面的协议
console.log(window.location.protocol);
​
// 获取当前页面的主机名
console.log(window.location.hostname);
​
// 获取当前页面的端口号
console.log(window.location.port);
​
// 获取当前页面的路径部分
console.log(window.location.pathname);
​
// 获取当前页面的查询部分
console.log(window.location.search);
​
// 获取当前页面的哈希部分
console.log(window.location.hash);

​

3.navigator

window.navigator对象提供了关于浏览器的相关信息

// 获取用户代理字符串
console.log(navigator.userAgent);
​
// 获取浏览器的名称
console.log(navigator.appName);
​
// 获取浏览器的版本信息
console.log(navigator.appVersion);
​
// 获取操作系统平台
console.log(navigator.platform);
​
// 获取浏览器当前使用的语言
console.log(navigator.language);
​
// 检查浏览器是否启用了cookie
console.log(navigator.cookieEnabled);
​
// 检查浏览器是否处于在线状态
console.log(navigator.onLine);
​
// 检查浏览器是否支持地理定位功能
console.log(!!navigator.geolocation);

4.history

history对象主要用来操作浏览器url的历史记录，可以通过参数向前，向后，或者向指定url跳转

• history.go()

接收一个整数数字或者字符串参数：向最近的一个记录中包含指定字符串的页面跳转，

history.go('maixaofei.com')

当参数为整数数字的时候，正数表示向前跳转指定的页面，负数为向后跳转指定的页面

history.go(3) //向前跳转三个记录
history.go(-1) //向后跳转一个记录