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

qsdnet我想学编程 2020-05-26

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

比如 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;

3.A2返回A1

window.history.back();

返回了A1页面同时A1页面进行了刷新!

Wonderful!

相关推荐