html页面加载完成后再刷新一次

原创已于 2022-05-10 19:47:52 修改 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript

于 2022-05-10 17:21:16 首次发布

HTML 专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍了三种检测和处理页面刷新的方法。第一种利用sessionStorage判断是否为首次加载；第二种通过URL的hash值变化来实现；第三种结合了前两种方式，同时设置了延迟加载。这些方法对于网页动态更新和用户体验有重要应用。

第一种推荐：

<script>
function refresh(){
if(sessionStorage.getItem("isReload")){
   console.log("页面被刷新");
}else{
 console.log("首次被加载");
window.location.reload();
sessionStorage.setItem("isReload", true)
}
}
window.onload = refresh;
</script>

第二种

<script>
function refresh(){
url = location.href;
console.log(url);
var once = url.split("#");
if (once[1] != 1) {
url += "#1";
self.location.replace(url);
window.location.reload();
}
}
setTimeout('refresh()', 1000);

</script>

第三种综合一二



<script>
function refresh(){
window.location.reload();
}

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

}
}
setTimeout('refresh2()', 10);
</script>