JS清除IE瀏覽器快取的方法_javascript技巧

js中自動清除ie快取方法— 常用

對於動態檔案,例如index.asp?id=... 或index.aspx?id=... 相信有經驗的程序員都知道怎麼禁止瀏覽器快取資料了.
但是對於靜態檔案(css,jpg,gif等等), 在什麼場合下面我們需要禁止瀏覽器快取他們,怎麼做?

方法一：Dojo中我們可以用簡單的方法完成：在dojo.xhrGet(包括post)等方法中都包含preventCache屬性，此屬性的含義： “預設為啟用瀏覽器緩存，否則將通過自動增加不同的參數來確保瀏覽器快取失效」 我們只要把此屬性賦值為：「true」即可。

方法二：document.write("
其中ver=113 的113就是版本號，一般都是採用CVS 或其他工具產生的開發版本號。
這樣真正做到了應該緩存的時候緩存靜態文件，當版本有更新的時候從獲取最新的版本，並更新緩存。清除瀏覽器快取二


為了減少瀏覽器與伺服器之間網路傳輸壓力，往往對靜態文件，如js,css,修飾的圖片做cache，也就是給這些文件的HTTP回應頭加入Expires和Cache-Control參數，並指定快取時間，這樣一定時間內瀏覽器就不會給伺服器發出任何的HTTP請求(除了強制刷新)，即使在這段時間內伺服器的js或css或圖片文件已經更新多次，但瀏覽器的數據依然是原來最能初cache的舊數據，有沒有辦法讓瀏覽器拿到已經修改後的最新數據呢? 有，方法是用ajax請求伺服器最新文件，並加上請求頭If-Modified-Since和Cache-Control,如下:




複製程式碼

程式碼如下: $.ajax({ type: "GET",

url: "static/cache.js",

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

}
});


這裡用了jquery.

這樣瀏覽器就會把最新的檔案替換掉本地舊檔案。當然，這裡還一個問題就是js必須知道伺服器更新了那個js、css、圖片，利用cookie和時間版本應該可以解決.

jquery自從1.2開始就有ifModified和cache參數了，不用自己加header

ifModified Boolean Default: false
Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modifieding the Last-Mod header.
cache Boolean Default: true
Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.



複製程式碼


程式碼如下:

$.ajax({ type: "GET", url: "static/cache. js", dataType: "text", cache:false,

ifModified :true

});