【JavaScript中BOM的相关操作】

JavaScript中的BOM（browser object model）

Window

1. window对象表示一个浏览器窗口或一个frame框架它处于对象层次的最顶端，它提供了处理浏览器窗口的方法和属性。
2. window对象是浏览器对象中的默认对象，所以可以隐式地引用window对象的属性和方法。在浏览器环境中，添加到window对象中的方法、属性等，其作用域都是全局的。

console.log('派大星');
window.console.log('派大星');

console.log(navigator);
console.log(window.navigator);

function hello() {}
console.log(hello);
console.log(window.hello);

所有的属性或是方法都是挂载在window下面的，他是默认对象，如果要调用他里面的方法或者属性可以省略window。

附上关于window的MDN文件地址

Location

Location 的属性

Location 的方法
重点掌握一个方法：reload()方法，刷新网页，为了防止无限快速刷新，我们设置一个定时器，因为每次刷新网页都会重新运行JS代码，所以页面会无限刷新。

setTimeout(function () {
  window.location.reload();
}, 3000);

跳转到新的地址
直接修改location的值即可实现跳转。

window.location = 'https://kevin_eleven.gitee.io/';

//更改网址的search部分
window.location = 
	window.location.origin + window.location.pathname + '?spm=kevin';

附上关于 location 的MDN文件地址

History

history会以栈的形式储存我们在网页上的会话记录，主要需要掌握两个方法：back()和forward()，分别对应网页上的返回和前进。

window.history.back()
window.history.forward();

附上关于 history 的MDN文件地址

Navigator

Navigator表示用户代理的状态和标识，也就是浏览器的基本信息，当前的浏览器的用户代理：Navigator的一个属性userAgent

console.log(navigator.userAgent);

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36