window对象的常见事件

2.1 窗口加载事件

window.onload = function() { }
或者
window.addEventListener("load", function(){})

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

注意：

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

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

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

document.addEventListener('DOMContentLoaded', function(){})

DOMContentLoaded事件触发时，仅当DOM加载完毕，不包括样式表、图片、flash等等。IE9以上才支持。
如果页面的图片很多的话，从用户访问到onload触发可能需要较长的时间，交互效果就不能实现，必然会影响用户的体验，
此时用DOMContentLoaded事件比较合适。

2.2 调整窗口大小事件

window.onresize = function() { }
window.addEventListener("resize", function(){});

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

注意：

1.只要窗口大小发生像素变化，就会触发这个事件。

2.我们经常利用这个事件完成响应式布局。window.innerWidth当前屏幕的宽度。