首页 > Web开发 > 详细

HTML5 使用sessionStorage实现特定页面返回刷新页面

时间:2016-02-01 18:20:40      阅读:269      评论:0      收藏:0      [点我收藏+]

需求:在某个列表页面跳转到增加新项目页面后需要返回到前一个页面 并且数据最新数据。
刚开始是做法是 history.back();方法 返回后页面不会自动刷新的。在新的页面重新访问之前页面的链接可以访问到新加载了新数据的页面,但这样子也会导致页面加载过多占内存。

这个时候可以用sessionStorage来存储临时变量来判断

母页面:

window.onload = function () {
var data = sessionStorage.getItem("FirstLoad");
      if (data) {
          if (data == "0") {
         sessionStorage.setItem("FirstLoad","1");
         location.reload(); 
     } 
   } else {
     sessionStorage.setItem("FirstLoad","1"); 
    } 
}

  

 子页面:

 sessionStorage.setItem("FirstLoad", "0");
 history.back();

  

session中存储的值,关闭就没了。
现代浏览器适用

HTML5 使用sessionStorage实现特定页面返回刷新页面

原文:http://www.cnblogs.com/yesicoo/p/5175747.html

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