JS清除IE瀏覽器緩存的方法

2019-11-20 22:29:38

字體：大中小

供稿：網(wǎng)友

js中自動(dòng)清除ie緩存方法 ― 常用

對(duì)于動(dòng)態(tài)文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有經(jīng)驗(yàn)的程序員都知道怎樣禁止瀏覽器緩存數(shù)據(jù)了.
但是對(duì)于靜態(tài)文件(css,jpg,gif等等), 在什么場(chǎng)合下面我們需要禁止瀏覽器緩存他們,怎么做?

方法一：Dojo中我們可以用簡(jiǎn)單的方法完成：在dojo.xhrGet(包括post)等方法中都包含preventCache屬性，此屬性的含義： “默認(rèn)為啟用瀏覽器緩存，否則將通過(guò)自動(dòng)增加不同的參數(shù)來(lái)確保瀏覽器緩存失效” 我們只要把此屬性賦值為：“true”即可。

方法二：document.write("
其中 ver=113 的 113就是版本號(hào)，一般都是采用 CVS 或其他工具生成的開發(fā)版本號(hào)。
這樣真正做到了應(yīng)該緩存的時(shí)候緩存靜態(tài)文件，當(dāng)版本有更新的時(shí)候從獲取最新的版本，并更新緩存。
對(duì)于圖像來(lái)有效利用和更新緩存.

js清除瀏覽器緩存二

為了減小瀏覽器與服務(wù)器之間網(wǎng)絡(luò)傳輸壓力，往往對(duì)靜態(tài)文件，如js,css,修飾的圖片做cache，也就是給這些文件的HTTP響應(yīng)頭加入 Expires和Cache-Control參數(shù)，并指定緩存時(shí)間，這樣一定時(shí)間內(nèi)瀏覽器就不會(huì)給服務(wù)器發(fā)出任何的HTTP請(qǐng)求(除了強(qiáng)制刷新)，即使在這段時(shí)間內(nèi)服務(wù)器的js或css或圖片文件已經(jīng)更新多次，但瀏覽器的數(shù)據(jù)依然是原來(lái)最能初cache的舊數(shù)據(jù)，有沒(méi)有辦法讓瀏覽器拿到已經(jīng)修改后的最新數(shù) 據(jù)呢?

有，方法是用ajax請(qǐng)求服務(wù)器最新文件，并加上請(qǐng)求頭If-Modified-Since和Cache-Control,如下:

復(fù)制代碼代碼如下:

 
$.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.

這樣瀏覽器就會(huì)把最新的文件替換掉本地舊文件。

當(dāng)然，這里還一個(gè)問(wèn)題就是js必須知道服務(wù)器更新了那個(gè)js、css、圖片，利用cookie和時(shí)間版本應(yīng)該可以解決.

jquery自從1.2開始就有ifModified和cache參數(shù)了，不用自己加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-Modified header. Default value is false, ignoring the 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.

復(fù)制代碼代碼如下:

 
$.ajax({ 
type: "GET", 
url: "static/cache.js", 
dataType: "text", 
cache:false, 
ifModified :true 
}); 

上一篇：alert中斷settimeout計(jì)時(shí)功能

下一篇：jquery簡(jiǎn)單的拖動(dòng)效果實(shí)現(xiàn)原理及示例

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

JS清除IE瀏覽器緩存的方法