JavaScript—BOM 相关知识内容整理

目录

一、什么是BOM

二、window常见事件

1、页面加载事件

2、调整窗口事件

三、定时器

1、两种定时器

2、 setTimeout()定时器

3、回调函数

4、 停止 setTime() 定时器

5、setLnterval()定时器

6、清除定时器claerInterval

四、this指向问题

五、location、navigator、history对象

1、location 对象

2、navigator对象

3.history对象

---

一、什么是BOM

        BOM（Browser Object Model）即浏览器对象模型，他提供了独立于内容而与浏览器窗口进行交互的对象，

        其核心对象是window

        BOM由一系列相关的对象构成，并且每个对象都提供了很多的方法和属性。

        BOM缺乏标准，JavaScript语法的标准化阻止是ECMA，DOM的标准化阻止是W3C，BOM最初是Netcape浏览器标准的一部分。

        BOM比DOM更大，它包含DOM

        windown对象是浏览器的顶级对象，它具有双重角色。

        1、它是JS访问浏览器窗口的一个接口

        2、它是一个全局对象。定义在全局作用域中的变量、函数都会变成windon对象的属性和方法

        在调用的时候可以省略windon,前面学习的对话框都属于window对象方法，比如alert()、prompt()等

       注意：window下的一个特殊属性window.name

二、window常见事件

1、页面加载事件

window.onload是窗口（页面）加载事件当文档内容万千加载完成会触发改事件（包括图像、脚本文件、css文件等）就调用的处理函数。

        注意:

（1）有了window.onload就可以把Js代码写到页面元素的上方，因为onload是等页面内容全部加载完毕再去执行处理函数。

（2）window.onload传统注册事件方式只能写一次，如果有多个，会以最后一个window.onload为准

（3）如果使用addEventListener则没有限制。

        load等页面全部加载完毕，包含页面dom元素， 图片 flash css等等

        DOMContentLoaded 是DOM 加载完毕，不包含图片falah css等就可以执行，加载速度比load更快一些

2、调整窗口事件

        

window.onresize = function(){}

window.addEventListener('resize',function(){});

        window.onsize是调整窗口大小加载事件，当触发时就调用的处理函数