js 判断页面第一次加载or刷新

最新推荐文章于 2023-09-06 10:24:13 发布

十八在野

最新推荐文章于 2023-09-06 10:24:13 发布

阅读量2.9k

点赞数 2

分类专栏：前端学习文章标签： js

本文链接：https://blog.csdn.net/mtgaogao/article/details/118361601

版权

4 篇文章 1 订阅

订阅专栏

首先得分清楚这两者的区别，

页面第一次加载：窗口第一次被打开，如果是在本页跳转到其他页面，再跳转回来，就不是第一次加载了

刷新：手动刷新（实操中从本页跳转到其他页面再跳转回来，也执行刷新操作，切换tab不算）

1.利用window.name在刷新时不会重置

if(window.name == ""){
   window.name = loaded;//首次进入时给window.name赋一个固定值
   alter("首次进入页面");
}else{
   alter("执行了刷新操作");
}

2.利用本地存储sessionstorage或者是cookie 以sessionstorage为例

if(sessionStorage.getItem("isReload")){
   console.log("页面被刷新");
}else{
 console.log("首次被加载");
 sessionStorage.setItem("isReload", true)
}

3.window.performance.navigation记载网页导航的相关信息(type属性)

window.performance.navigation.type

0 : 页面首次加载
1 : 页面被刷新
2 : 页面是通过其他页面返回的

关注