立即执行函数 pageshow

立即执行函数

立即执行函数:不需要调用,立马能够自己执行的函数

写法:
第一种:
(function(){

})()

第二种:
(function(){

}() )

      //第一种,较为常用
      //(function () {})()
      (function () {
        console.log(2);  //不需要调用,立马打印2  第二个函数可以看作是调用函数
      })();
      (function (a,b) {
        console.log(a+b);  //也可以传递参数进来
      })(1,2);
      //第二种,w3c的建议
      //(function () {}())
      (function (a,b) {
        console.log(a+b);  
      }(1,2));

立即执行函数最大的好处是 独立创建了一个作用域,里面所有的变量都是局部变量,不会有命名冲突的影响

pageshow事件
以下三个情况都会刷新页面触发load事件

a标签的超链接
F5或者刷新按钮
前进或后退按钮
但,火狐浏览器有个“往返缓存”,这个缓存中不仅保留着页面数据,还保存了DOM 和 JS 的状态,实际上是将整个页面都保存在了内存里。

所以此时后退按钮也不能刷新按钮。

此时可以用pageshow 事件来触发,这个事件在页面显示时触发,无论页面是否来自缓存,在重新加载页面中,pageshow会在load事件触发后触发,根据时间对象的persisted来判断是否是缓存中的页面触发的pageshow事件,注意,这个事件给window 添加

//e.persieted 返回的是True 就是说如果这个页面是从缓存取过来的页面,也需要重新计算一下rem 的大小
 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值