欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - JS如何实现页面只刷新一次

程序员文章站 2024-02-15 17:46:22
...
纯前端如何实现页面仅仅刷新一次呢。现在的问题是写了一个settimeout(fn,1000)刷新一次页面,但是这样会导致每次页面onload都执行一次定时器。没有达到想要的效果。请教如果用cookie或者修改url可以实现吗,具体的方法是怎样的呢?

回复内容:

纯前端如何实现页面仅仅刷新一次呢。现在的问题是写了一个settimeout(fn,1000)刷新一次页面,但是这样会导致每次页面onload都执行一次定时器。没有达到想要的效果。请教如果用cookie或者修改url可以实现吗,具体的方法是怎样的呢?

可以考虑sessionStorage;

    var  flag = window.sessionStorage.getItem("flag");
    console.log(flag);
    if(!flag){
       settimeout(fn,1000); 
       window.localStorage.setItem("flag","true");
    }
   每次打开页面只执行一次。 

sessionStorage记录是否已刷新

localStorage cookie url 都可以解决问题
以 localStorage 为例

if (localStorage.getItem('refreshed') !== 'true') {
  // settimeout
}
localStorage.setItem('refreshed', 'true')