bom的window对象的常见事件 窗口加载事件 调整窗口大小

bom的window对象的常见事件
1 window.onload 窗口加载事件
window.onload是窗口加载事件，当文档内容完全加载完成会触发该事件（包括 图像 脚本文件 CSS文件等），完成后才会调用处理函数，

<script>
window.onload=function(){}
window.addEventListener('load',function(){})
window.addEvevtListener('load',function(){})
</script>
//1.一个文档只能写一个window.onload，多个window.onload只会以最后一个为标准;
//2.如果使用的是window.addEventListener,没有限制；
//3.利用window.onload窗口加载事件，可以把JavaScript的内容放在页面元素的上方，onload会等到页面内容全部加载完毕才会触发处理函数。

2 DomContentloaded 事件触发时只当dom加载完，不等待其他的样式表，flash，图片加载完，就直接触发
适用于IE9以上的浏览器
如果页面图片很多的话，等待页面加载所有图片再触发onload十分漫长，影响用户体验

<script>
window.addEventListener('DOMContentLoaded',function(){
alert('123');
})
</script>

3 resize 调整浏览器窗口大小的变化
只要窗口大小发生变化就会触发事件

<script>
window.addEventListener('resize',function(){
console.log('页面大小变化了')
})
</script>