HTML5中History.back()页面后退刷新页面

在开发中经常会遇到在一个页面操作完返回上一个页面,此时要求上个页面展示最新数据的需求。

比如 A1为上一个页面,A2为当前页面

 

1.A1需要加监听历史记录点

 window.onpopstate=function(){
    // 获得存储在该历史记录点的json对象
    var  json=window.history.state;// 获得的json为null时则无需刷新
    if(json){
        window.location.reload();
    }
};   

 

2.跳转A2前需要先替换当前历史记录点

var  json={time:new Date().getTime()};
window.history.replaceState(json,"",window.location.href+"&t="+new Date().getTime());
window.location.href= A2;

广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com

3.A2返回A1

window.history.back();
posted @ 2020-09-11 16:29  浅笑·  阅读(2215)  评论(0编辑  收藏  举报