点关注，不迷路，欢迎关注，每日都更新大量前端知识

bom 浏览器对象模型

ECMAScript 是JavaScript 的核心，但如果要在Web 中使用JavaScript，那么BOM（浏览器对象模型）则无疑才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关.

bom 浏览器对象模型

bom可以使通过js来操作浏览器，在bom中为我们提供一组对象，用来完成浏览器的操作

bom中的主要对象

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

2.navigator对象 代表当前浏览器的信息，通过该对象可以识别不同的浏览器

由于历史原因，已经navigator的大部分属性不太能识别了。一般只会使用userAgent来判断浏览器信息

不同的浏览器会有不同的userAgent。

console.log(navigator.userAgent)

如果通过UserAgent不能判断，还可以通过浏览器的特有对象，来判断浏览器的信息，

比如ActivexObject，他是ie独有的一个属性，可以用来判断ie浏览器ie10以下。

window.ActivexObject如果有的话会返回true，可以用来判断ie浏览器ie10以下。

用('ActivexObject' in window)返回true，可以用来判断ie所有浏览器

3. location对象 封装了当前浏览器的地址栏信息，通过location，可以获得地址栏信息

也可以改变location的值，可以添加相对路径和绝对路径，像一个超链接。并且会生成历史记录

console.log(location)

location = ''

4.history对象 代表浏览器的历史记录，该对象不能获得具体的历史记录，只能操作浏览器向前或向后翻页

而且该操作只在当次访问时有效。

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

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

6.定时器

js的程序执行速度是非常快的，如果希望一段程序，可以每隔一段时间执行一次，可以使用定时调用。但设置的定时器必须清除，利用click，可能会多次创建定时器，所以创建定时器之前清除定时器每个定时器会返回一个Number类型的数据，这个数字作为定时器的唯一标识

let s = 1;let timer =setInterval(function(){ count.innerHTML = S++},1000);conso1e.log(timer) // 1clearInterval;