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

2021-02-16 19:17

阅读:625

标签:一个   后退   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

上一篇:js-Dom知识大纲

下一篇:DjangoURL反向解析


评论


亲,登录后才可以留言!