web端實作後退強制刷新功能碼

本文主要和大家介紹了微信web端後退強制刷新功能的實現代碼,需要的朋友可以參考下，希望能幫助到大家。

具體程式碼如下：

<script>
  //生成uuid
  var uuidChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
  function uuid() {
    var r;
    var uuid = [];
    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
    uuid[14] = "4";
    for (i = 0; i < 36; i++) {
      if (!uuid[i]) {
        r = 0 | Math.random() * 16;
        uuid[i] = uuidChars[(i == 19) ? (r & 0x3) | 0x8 : r];
      }
    }
    return uuid.join("");
  }
  // 兼容 android
  history.replaceState(null, null, "/currentURL?a="+uuid());
  // 兼容 ios
  $(function () { 
     var isPageHide = false; 
     window.addEventListener(&#39;pageshow&#39;, function () { 
      if (isPageHide) { 
       window.location.reload(); 
      } 
     }); 
     window.addEventListener(&#39;pagehide&#39;, function () { 
      isPageHide = true; 
     }); 
  })
</script>

•android 端所使用的h5中的history對象，history.replaceState(null, null, "/currentURL?a= "+uuid());在頁面載入完成後改變目前url（拼接一個uuid或隨機數），這樣每次後退的時候，瀏覽器發現目前url在瀏覽器快取中不存在就會去重新載入.
•但是 ios 端不支援上述方法，所以用了一段jquery程式碼解決。

相關建議：

javascript 強制刷新頁面的實作程式碼_javascript技巧

#

以上是web端實作後退強制刷新功能碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！