BOM（Browser Object Model）浏览器对象模型相关概念

什么是BOM？

window是浏览器内置中的全局对象，所有的WebAPIs的知识内容都是基于window对象实现的。window对象下包含了 navigator、location、 document、 history、screen5个属性，即所谓的BOM（Browser Object Model）浏览器对象模型。而document是实现DOM的基础，它是依附于window的属性。BOM包含了DOM。

 Location对象

 location的数据类型是对象，它拆分并保存了URL地址的各个组成部分。

 常用的属性和方法：

（1）href属性获取完整的URL地址，对其赋值时用于地址的跳转

    语法：console.log(location.href)

<script>
        console.log(location.href) // 得到url地址
        // 给的地址是字符串 可以利用js的方式跳转页面
        location.href = 'http://www.baidu.com'
    </script>

（2）search 属性获取地址中携带的参数符号？后面的部分

    语法： console.log(location.search)

（3）hash属性获取地址中的哈希值，符号#后面的部分

    语法：console.log(location.hash)

（4）reload 方法用来刷新当前页面，传入参数true时表示强制刷新，会强制清空缓存刷新页面

（5）assign()用来跳转到其他页面，作用与给location赋值一样

（6）replace()  使用一个新的页面替换当前页面调用完会跳转页面，不会生成历史纪录。

 Navigator对象

navigator的数据类型是对象，该对象记录了浏览器自身的相关信息。

常用的属性和方法：通过useAgent检测浏览器的版本及平台。userAgent是一个字符串，这个字符串中包含浏览器的信息。火狐的userAgent中特有的是Firefox，Chrome的userAgent中特有的是Chrome，IE浏览器的userAgent中特有的是MSIE （限于IE11以下）。 

 History对象

history的数据类型是对象，该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等。

history.back() // 后退功能

history.forward()  // 前进功能

history.go()  // 前进后退功能 参数1则前进一个页面，参数-1则后退一个页面

 Screen对象

代表用户屏幕的信息，通过该对象可以获取到用户的显示器的相关信息