【前端学习】前端学习第十八天：BOM浏览器对象模型中window对象常见事件

一、BOM概述：

BOM，全称为浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window，window对象是浏览器的顶级对象。BOM是包含DOM的。

二、window对象的常见事件：

1、窗口加载事件

window.onload:页面加载事件，当文档内容完全加载完成时会触发该事件；

2、调整窗口大小

window.οnresize=function(){...}:调整窗口大小事件，需注意的是，window.innerWidth()是当前屏幕的宽度；

三、window对象提供了两个定时器：

1、setTimeout():

window.setTimeout(调用函数，延时时间);

如：function call(){...};

var t=setTimeout(call,2000);（经常把定时器赋给一个变量）；

清除定时器：window.clearTimeout(定时器名字);

2、setInterval():

window.setInterval(调用函数，延时时间);

重复调用一个函数，每隔一段时间调用一次这个函数；

清除定时器：window.clearInterval(定时器名字);

setTimeout()和setInterval()的区别：

setTimeout()：延迟时间到了，就去调用这个函数，只调用一次就结束这个定时器；

setInterval()：重复调用一个函数，每隔一段时间调用一次这个函数；

补充：

this指针问题：

一般情况下，this最终指向的是那个调用它的对象；

1、全局作用域或者普通函数中，this指向全局对象window（注意定时器里面的this指向window）；

2、方法调用中谁调用this指向谁；

3、构造函数中this指向构造函数的实例；