js控制 页面回退刷新数据,storage的使用

html,两个页面之间除了跳转是无法交互地。

那如果一个页面数据修改了,需要让第二个页面发生改变怎么办了。

前端解决办法就是用sessionStorage或者localStorage存储一个key来告诉另外一个页面是否要操作

    //判断页面是否需要刷新
    <script>
        window.addEventListener('pageshow', function (event) {
            //pageshow 页面加载出处: 缓存为true, onload为false
            //如果从缓存中加载,那么直接刷新
            if (event.persisted) // ios有效, android和pc每次都是 false
            {
                location.reload();
            }
            else // ios除外
            {
                //需要刷新,就在返回过来里的页面 设置为true
                if (sessionStorage.getItem('refresh') === 'true') 
          {
                    location.reload();
                }
            }
      sessionStorage.removeItem('refresh');  //一定要清除,要不然酒一直循环了
        });
    </script>

 sessionStorage和localStorage还有很多用处,一般是用来缓存数据,存储token这些。

使用方法:对象.setItem("key","value");//设置

     对象.GetItem("key");//获取

posted on 2019-12-21 09:56  阿里正正  阅读(821)  评论(0)    收藏  举报

导航