iframe在子页面刷新停留在当前页

进入顺序为：

1. first.html

​​​​​​<script type="text/javascript">
    //刷新在子页面停留
     if(sessionStorage.getItem('refresh')){
       window.location.href = 'second.html';
     }
     enter(){
       window.location.href = 'second.html';
       sessionStorage.setItem('refresh','1');
     }
</script>

2.second.html

<script type="text/javascript">
  //后退回到父页面
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', function() {
    sessionStorage.removeItem('refresh');
    window.location.href = 'first.html';
  },false);
</script>

• sessionStorage - 针对一个 session 的数据存储,当用户关闭浏览器窗口后，数据会被删除。

sessionStorage.getItem('refresh');
sessionStorage.setItem('refresh','1');
sessionStorage.removeItem('refresh);
sessionStorage.clear();

• localStorage - 没有时间限制的数据存储,第二天、第二周或下一年之后，数据依然可用。

localStorage.setItem('info','1'); 
localStorage.getItem('info'); 
localStorage.removeItem('info');
localStorage.clear();

• cookie:存储在用户本地终端上的数据,默认临时存储。当浏览器关闭进程的时候，自动销毁.

       document.cookie得到的是字符串的形式的值，它包含了当前网站下的所有cookie，它会把所有cookie通过一个分号+空格的         形式串联起来。