BOM---window对象的常见事件

#1.窗口加载事件

1.window.onload事件

 

 

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

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

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

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

2.DOMContentLoaded事件

 

 

 DOMContentLoaded事件触发时，仅当DOM加载完毕后执行，不包括样式表，图片，flash等等。

优点：如果页面的图片很多的话，从用户访问到onload触发可能需要较长的时间，交互效果不能实现，必然影响用户体验，此时用DOMContentLoaded事件比较合适。

#2 调整窗口大小事件

 

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

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

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