HTML5 使用sessionStorage實現頁面返回刷新

需求:在某個列表頁面跳轉到增長新項目頁面後須要返回到前一個頁面 而且數據最新數據。
剛開始是作法是 history.back();方法 返回後頁面不會自動刷新的。在新的頁面從新訪問以前頁面的連接能夠訪問到新加載了新數據的頁面,但這樣子也會致使頁面加載過多佔內存。javascript

這個時候能夠用sessionStorage來存儲臨時變量來判斷java

母頁面:瀏覽器

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

  

 子頁面:session

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

  

session中存儲的值,關閉就沒了。現代瀏覽器適用
相關文章
相關標籤/搜索