BOM顶级对象window的常见事件
页面加载事件
-
window.addEventListener('load', function() {})：load等页面内容全部加载完毕，包含页面dom元素，图片，flash，css等。 -
document.addEventListener('DOMContentLoaded', function(){})DOMContentLoaded：DOM 加载完毕，不包含图片,flash,css 等就可以执行，加载速度比load更快一些。
调整窗口大小事件
window.onresize = function() {}
window.addEventListener('resize', function() {}
- 只要窗口大小发生像素变化就会触发这个事件。
- 经常利用它完成响应式布局。
window.innerWidth当前屏幕的宽度。
定时器
setTimeout()定时器
window.setTimeout(调用函数, [延迟的毫秒数]);
- 这个window在调用的时候可以省略。
- 这个延时时间单位是毫秒，可以省略，如果省略默认的是0。
- 页面中可能有很多的定时器，我们经常给定时器加标识符（即名字)。
停止定时器：
window.clearTimeout(timeoutID);
setInterval()定时器：
window.setInterval(回调函数, [间隔的毫秒数]);
setInterval()方法重复调用一个函数，每隔这个时间就去调用一次回调函数。
