当前位置:Gxlcms > PHP教程 > javascript-JS如何实现页面只刷新一次

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

时间:2021-07-01 10:21:17 帮助过:7人阅读

纯前端如何实现页面仅仅刷新一次呢。现在的问题是写了一个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')

人气教程排行