首页 > Web开发 > 详细

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

时间:2020-05-26 20:32:44      阅读:107      评论:0      收藏:0      [点我收藏+]

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

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

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

原文:https://www.cnblogs.com/wawadao/p/12967794.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!