Home > Backend Development > PHP Tutorial > javascript - JS如何实现页面只刷新一次

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

WBOY
Release: 2016-06-06 20:10:56
Original
1601 people have browsed it

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

回复内容:

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

可以考虑sessionStorage;

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

sessionStorage记录是否已刷新

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

<code>if (localStorage.getItem('refreshed') !== 'true') {
  // settimeout
}
localStorage.setItem('refreshed', 'true')</code>
Copy after login
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template