码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:一个   后退   UNC   开发   state   获得   html5   win   记录   

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

比如 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()页面后退刷新页面

标签:一个   后退   UNC   开发   state   获得   html5   win   记录   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!