您的位置:首页 > Web前端 > HTML5

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

2016-02-01 16:55 537 查看
需求:在某个列表页面跳转到增加新项目页面后需要返回到前一个页面 并且数据最新数据。
刚开始是做法是 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中存储的值,关闭就没了。
现代浏览器适用
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: