**1.窗口加载事件:window.onload **
特点:当文档内容全部加载完毕(图片,图像,css属性),然后就调用的处理函数
注意
1.window.onload 可以写在页面元素的上方,因问文档内容全部加载完毕,才去执行window.onload
2.传统注册事件onload,只能写一个,如果有很多个,以从上到下中的最后一个排序为准。
3.如果使用addEventListener 则没有限制,可以执行很多次
2.窗口加载事件
语法:document.addEventListener(‘DOMContentLoaded’,function() {})
特点:DOMContentLoaded事件触发时,仅当DOM加载完毕时,不包括样式,图片,falsh等等
兼容问题:IE9以上版本才支持
常用在:如果一个文档中有很多张图片,从用户访问到onload需要很长的一段时间,交互效果不能实现,影响用户的体验,此时DOMContentLoaded
3.调整窗口大小
语法:windown.onresize =function (){}
特点:当窗口大小发生改变时触发的事件
常用在:响应式布局
4.获取当前屏幕大小
- windown.innerWidth //获取当前窗口得宽度
- windown.innerHelith //获取当前窗口得高度