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

Posted 2020-06-13

需求：在某个列表页面跳转到增加新项目页面后需要返回到前一个页面 并且数据最新数据。
刚开始是做法是 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中存储的值，关闭就没了。
现代浏览器适用