windown对象常见事件

**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.获取当前屏幕大小

  1. windown.innerWidth //获取当前窗口得宽度
  2. windown.innerHelith //获取当前窗口得高度
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值