BOM (浏览器对象模型)

1、BOM的介绍

BOM是三个单词的首拼 -- Browser Object Model，即浏览器对象模型。

模型：一种结构。

对象模型：对象组成的结构。

浏览器对象模型：操作浏览器的一套用对象组成的结构。

浏览器对象模型（BOM）可以使我们通过JS来操作浏览器，在BOM中为我们提供了一组对象，用来完成对浏览器的操作，常见的BOM对象如下：

Window：代表的是整个浏览器的窗口，同时window也是网页中的全局对象

Navigator：代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器

Location：代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面

History：代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录，由于隐私原因，该对象不能获取到具体的历史记录，只能操作浏览器向前或向后翻页，而且该操作只在当次访问时有效

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

这些BOM对象在浏览器中都是作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用。

2、浏览器的历史记录

历史记录的操作是window的子对象history，可以操作网页的前进和后退。

history.back(); 
//返回到上一个页面，相当于浏览器的后退按钮

history.forward(); 
//前进到下一个页面（下一个页面必须是点击以后的页面），相当于浏览器的前进按钮

history.go()
//go可前进可后退多个页面，具体是几个页面，就看数字是几，前进为正数，后退为负数

3、浏览器的地址栏信息

浏览器的地址栏操作，window对象交给了自己的子对象location对象去处理。

操作地址栏使用window.location

在操作的时候可以省略window

3.1 获取/设置地址栏中的数据

1、href  - 获取整个地址url或设置整个地址url(跳转)

console.log( location.href );
//获取到的是经过url编码的数据 - 默认情况下，地址栏中的url会自动进行url编码