window对象的常见事件

9 篇文章 0 订阅

1.onload 当页面加载完毕后执行该方法
        以下3种会触发load事件
                a标签的超链接
                F5或者刷新按钮(强制刷新)
                前进后退按钮
        但是火狐有个特点,有个“往返缓存”,这个缓存中不仅保存这页面数据,还保存了DOM和JavaScript的状态;实际上就是将整个页面都保存再了内存里,所以此时后退按钮就不能刷新页面了
2.onpageshow 这个事件再页面显示时触发,无论页面是否来自缓存,再重新加载页面中,
    pageshow会再load事件触发后再触发,更具事件对象中的persisted来判断
    是否缓存中的页面触发的pageshow事件,注意这个事件给window添加
3.onDOMContentLoaded 当DOM元素加载完毕后就执行
4.onresize 调整窗口大小加载该事件,只要窗口大小发生改变,就会触发这个事件,我们经常利用这个事件完成响应式布局,使用 window.innerWidth/Height获得当前屏幕的宽度/高度
5.devicePixelRatio 获得当前的物理像素比

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值