如何清除瀏覽器快取？ js的4種方法輕鬆搞定

當我們每次使用瀏覽器上網時，都會在本機磁碟保存下一些的快取檔案。這些瀏覽器上的快取是為了節約網絡的資源加速瀏覽，瀏覽器在用戶磁碟上對最近請求過的文檔進行存儲，當訪問者再次請求這個頁面時，瀏覽器就可以從本地磁碟顯示文檔，這樣就可以加速頁面的閱覽。但是有時候我們又不得不清除緩存，因為緩存可能誤事，出現一些錯誤的資料。

本章我們就帶給大家如何清除快取的4種js方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

一：瀏覽器快取是什麼？  

1.所有的資料都可以存到伺服器中，但這樣並不高效，當我們造訪網頁的時候，一會卡頓，二會浪費伺服器的儲存空間，三會給伺服器造成壓力

2.瀏覽器緩存，可以提高網站效能和瀏覽器的速度，但對於需要經常更新的網頁來說，快取導致用戶無法顯示更新後的樣式

#二：如何透過js清除快取？

1.隨機數

1）腳本並不存在，而是服務端動態產生的，因此帶了個版本號，以示區別。即路徑或檔案名稱後的隨機數字對於檔案來說 等價於但瀏覽器會認為他是 該檔案的某個版本！

2）客戶端會快取這些css或js文件，因此每次升級了js或css文件後，改變版本號，客戶端瀏覽器就會重新下載新的js或css文件，刷性快取的作用

/* 图片的路径+图片名+随机数=图片的版本号更替 */
$("#pic_code").attr('src','/static/img/verify_code.png'+'?temp=' + Math.random());
/* Math.random() 只能在Javascript 下起作用 */<script type="text/javascript" src="core.js?v=20140829"></script>
/*时间*/
?v=new Date().getTime();

2.meta

在html裡head區加入程式碼：

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="content-type" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>

3.ajax

1）設定屬性cache:false ,讓ajax不呼叫瀏覽的快取。

cache:false

2）用ajax要求伺服器最新文件，並加上請求頭If-Modified-Since和Cache-Control,如下:

beforeSend :function(xmlHttp){ 
   xmlHttp.setRequestHeader("If-Modified-Since","0"); 
   xmlHttp.setRequestHeader("Cache-Control","no-cache");
  }

4.replace

#replace的原理就是用目前頁面取代掉replace參數指定的頁面

<script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script>

#

以上是如何清除瀏覽器快取？ js的4種方法輕鬆搞定的詳細內容。更多資訊請關注PHP中文網其他相關文章！