js中pageshow和load事件的区别

最新推荐文章于 2024-03-26 08:48:07 发布

爱唯主机

最新推荐文章于 2024-03-26 08:48:07 发布

阅读量1.2k

点赞数 1

分类专栏：前端布局文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41947714/article/details/105151720

版权

前端布局专栏收录该内容

9 篇文章 0 订阅

订阅专栏

我们一般在三种情况下刷新页面都会触发load事件

1、a标签的超链接

2、F5或者刷新按钮（强制刷新）

3、前进后退按钮

但是在火狐浏览器中，有个特点，有个”往返缓存“，这个缓存中不仅保存着页面数据，还保存了DOM和javascript的状态，实际上是将庚哥页面都保存在了内存里

所以此时后退按钮就不能刷新页面，导致load事件不被执行。

此时我们可以使用pageshow事件来触发，这个事件在页面显示时触发，无论页面是否来自缓存，在重新加载页面中pageshow会在load事件触发后触发，根据事件对象中e.persisted [返回值为bool，是缓存中的数据，返回true]来判断是否是缓存中的页面触发的pageshow事件，注意这个时间给window添加。