原创 前端浏览器对象模型BOM常用对象用法介绍

　　前端浏览器对象模型BOM常用对象介绍，BOM即Broswer Object Model 浏览器对象模型，在JavaScript中可以理解为window对象，用来进行与浏览器相关的一些操作，学习BOM就是学习 JavaScript中的window对象。

　　一、window对象
　　BOM的核心对象是 window，它代表浏览器的一个实例。在浏览器中，window有着双重的角色：JavaScript访问浏览器的接口对象，ES中的Global对象意味着网页中的任何一个对象，变量，函数都是以window作为其Global对象。

　　1、全局作用域，在ECMAScript中，window对象扮演着Global对象的角色，也就是说，所有在全局作用域声明的变量，函数都会变成window的属性和方法，都可以通过 window.属性名（或方法名） 直接调。

　　2、导航和打开窗口，通过 window.open() 既可以导航到一个特定的URL，也可以打开一个新的浏览器窗口

　　二、location对象
　　[^location 是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息]: JavaScript高级程序设计。
　　注: window.location 和 document.location?引用的是同一个对象。location 既是 window 对象的属性，也是 document?对象的属性。

　　三、 navigator对象
　　navigator 对象主要用来获取浏览器的属性，区分浏览器类型；
　　navigator 对象属性较多，且兼容性比较复杂。

　　四、history对象
　　history 对象保存着用户上网的历史记录，从窗口被打开的那一刻算起，因为 history 是 window 对象的属性，因此每个浏览器窗口，每个标签乃至每个框架，都有自己的 history对象与特定的 window 对象关联。

　　总结浏览器对象模型BOM中常用的对象有navigator，window, location, history
　　window既是 JavaScript 的全局对象，也是BOM的一个实例，所有的全局方法，属性，BOM中的属性，都可以通过 window. 来调用；
　　window作为BOM的实例，最常用的几个方法分别是：window.open()，window.close()，，分别用来打开和关闭浏览器窗口页面，这里需要注意的是，通过 open 方法打开的页面，才能通过close 方法关闭；
　　location对象也是用的比较多的一个BOM对象，主要用来操作URL相关的一些信息，除了修改 Hash 之外的任何属性，页面都会重新加载，历史记录会多加一条历史记录；
　　location对象还有一个 reload() 方法用于手动重新加载页面，该方法接收一个可选参数，为 true 的时候表示从服务器重新加载，否则可能从浏览器缓存中重新加载页面；
　　location对象 还有一个比较特殊的方法，location.replace()，该方法可以覆盖当前页面并重新加载，同时不会在 history 中生成历史记录；
　　navigator对象主要用来获取浏览器相关的一些信息，使用的时候需要注意兼容性。可以用来获取浏览器类（Chrome,safrai,FireFox,Edge,IE）等；
　　history对象主要用来操作浏览器URL的历史记录，可以通过参数向前，向后，或者向指定URL跳转。可以通过 length 属性获取记录数，判断当前页面是否是打开的首个页面；