清除瀏覽器緩存的幾種方法總結(jié)(必看)
關(guān)于瀏覽器緩存
瀏覽器緩存，有時(shí)候我們需要他，因?yàn)樗梢蕴岣呔W(wǎng)站性能和瀏覽器速度，提高網(wǎng)站性能。但是有時(shí)候我們又不得不清除緩存，因?yàn)榫彺婵赡苷`事，出現(xiàn)一些錯(cuò)誤的數(shù)據(jù)。像股票類網(wǎng)站實(shí)時(shí)更新等，這樣的網(wǎng)站是不要緩存的，像有的網(wǎng)站很少更新，有緩存還是比較好的。今天主要介紹清除緩存的幾種方法。
清理網(wǎng)站緩存的幾種方法
meta方法
//不緩存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
清理form表單的臨時(shí)緩存
<body onLoad="javascript:document.yourFormName.reset()">
其實(shí)form表單的緩存對(duì)于我們書寫還是有幫助的，一般情況不建議清理，但是有時(shí)候?yàn)榱税踩珕栴}等，需要清理一下！
jquery ajax清除瀏覽器緩存
方式一：用ajax請(qǐng)求服務(wù)器最新文件，并加上請(qǐng)求頭If-Modified-Since和Cache-Control,如下:
$.ajax({
url:'m.fzitv.net',
dataType:'json',
data:{},
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
},
success:function(response){
//操作
}
async:false
});
方法二，直接用cache:false,
$.ajax({
url:'m.fzitv.net',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});
方法三：用隨機(jī)數(shù)，隨機(jī)數(shù)也是避免緩存的一種很不錯(cuò)的方法！
URL 參數(shù)后加上 "?ran=" + Math.random(); //當(dāng)然這里參數(shù) ran可以任意取了
方法四：用隨機(jī)時(shí)間，和隨機(jī)數(shù)一樣。
在 URL 參數(shù)后加上 "?timestamp=" + new Date().getTime(); 用php后端清理
在服務(wù)端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)
以上這篇清除瀏覽器緩存的幾種方法總結(jié)(必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
DIV+CSS+JS不間斷橫向滾動(dòng)實(shí)現(xiàn)代碼
不間斷橫向滾動(dòng)想必大家在很多場(chǎng)合都有見過吧，本文也使用DIV+CSS+JS實(shí)現(xiàn)一個(gè)，感興趣的你可以參考下哈，希望對(duì)你學(xué)習(xí)有所幫助2013-03-03
最近重新溫習(xí)了一次《javascript設(shè)計(jì)模式》，確實(shí)是一本好書，每次看都有不同的領(lǐng)悟，每次領(lǐng)悟到的都受益匪淺，無怪古圣人都說學(xué)無止鏡了，僅以“加油，好嗎？”共勉！2009-10-10
three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼
這篇文章主要介紹了three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼,非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
js對(duì)象數(shù)組查找某一元素的各種方法(不改變?cè)瓟?shù)組)
前端經(jīng)常要通過javaScript來處理數(shù)組中的數(shù)據(jù),其中就包括檢查數(shù)組中是否包含滿足特定搜索條件的單個(gè)或者多個(gè)值,這篇文章主要給大家介紹了關(guān)于js對(duì)象數(shù)組查找某一元素的各種方法,文中介紹的方法不改變?cè)瓟?shù)組,需要的朋友可以參考下2024-06-06
函數(shù)是一塊js代碼塊,被定義一次但可以執(zhí)行和調(diào)用多次,js中的函數(shù)也是對(duì)象可以像其他對(duì)象那樣操作和執(zhí)行,js函數(shù)也被稱為函數(shù)對(duì)象,本文給大家介紹JS函數(shù)的返回值如何使用,感興趣的朋友跟隨小編一起看看吧2024-02-02
這篇文章主要介紹了前端精度丟失問題解決之后端Long類型到前端的處理策略,在Web開發(fā)中前后端數(shù)據(jù)類型不匹配尤其是Long類型數(shù)據(jù)到前端可能導(dǎo)致精度丟失,文章探討了此問題并提供三種解決方法,需要的朋友可以參考下2024-09-09
解決遍歷時(shí)Array.indexOf產(chǎn)生的性能問題
javascript中數(shù)組是沒有indexOf方法，extjs中給數(shù)據(jù)添加了該方法2012-07-07
js?通過Object.defineProperty()?定義和控制對(duì)象屬性
這篇文章主要介紹了js?通過Object.defineProperty()?定義和控制對(duì)象屬性，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序如何獲取用戶手機(jī)號(hào)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
微信小程序websocket實(shí)現(xiàn)聊天功能
這篇文章主要為大家詳細(xì)介紹了微信小程序websocket實(shí)現(xiàn)聊天功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07