導航:首頁 > 編程語言 > js自動清楚緩存

js自動清楚緩存

發布時間:2023-01-14 09:08:58

『壹』 能用js或者前端的什麼方法實現清除瀏覽器緩存嗎

原生javaScript無法清除瀏覽器緩存,但部分瀏覽器開發了清除緩存的js調用介面
但這些方回法只在答特定頁面可以調用,只能由瀏覽器廠商製作的頁面調用,其他域名是無法調用這些高級API的
另外,Chrome擴展有清除瀏覽器緩存的API,必須由用戶安裝才可使用,無法在頁面上直接調用

『貳』 能用JS或者前端的什麼方法實現清除瀏覽器緩存嗎

不能,只能清理自己域名下的少量數據,通過設置文件過期、JS刪除cookie等清除。否則你的網站就可以清除其他網站類似「下次自動登錄」的緩存數據,影響其他站點的正常使用。

『叄』 JS 如何清除頁面緩存

1.動態頁面:index.asp?id=....

2.使用jquery,$.ajaxSetup({cache : false });

3.在html里的head標簽中加

<meta http-equiv ="proma" content = "no-cache"/>
<meta http-equiv="cache-control" content="no cache" />
<meta http-equiv="expires" content="0" />

另外一種:

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

另外 ,在提交信息時,總是出現專舊的內容,此時就屬應該考慮是本地瀏覽器緩存的原因了。

清空臨時緩存的方法:

<body onload ="javascript : document.yourFormName.reset()">

『肆』 怎樣讓前端界面自動清理js,css文件的緩存

<!DOCTYPEhtml>
<html>
<head>
<script>
varscript=document.createElement('script')
script.src='https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js?version='+(newDate).getTime()
varstylesheet=document.createElement('link')
stylesheet.rel='stylesheet'
stylesheet.href='https://cdn.bootcss.com/bootstrap/4.0.0-beta.3/css/bootstrap.css?version='+(newDate).getTime()
document.head.appendChild(script)
document.head.appendChild(stylesheet)
</script>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
</head>
<body>

<script>
script.onload=function(e){
alert(jQuery)
}
</script>
</body>
</html>

我寫了一個很簡單的實例。

『伍』 用js怎樣清除瀏覽器的緩存文件

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表單的臨時緩存
<body onLoad="javascript:document.yourFormName.reset()">
其實form表單的緩存對於我們書寫還是有幫助的,一般情況不建議清理,但是有時候為了安全問題等,需要清理一下!
jquery ajax清除瀏覽器緩存
方式一:用ajax請求伺服器最新文件,並加上請求頭If-Modified-Since和Cache-Control,如下:

$.ajax({
url:'www.haorooms.com',
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:'www.haorooms.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});

方法三:用隨機數,隨機數也是避免緩存的一種很不錯的方法!
URL 參數後加上 "?ran=" + Math.random(); //當然這里參數 ran可以任意取了
方法四:用隨機時間,和隨機數一樣。
在 URL 參數後加上 "?timestamp=" + new Date().getTime();
用php後端清理
在服務端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)
方法五:
window.location.replace("WebForm1.aspx");
參數就是你要覆蓋的頁面,replace的原理就是用當前頁面替換掉replace參數指定的頁面。
這樣可以防止用戶點擊back鍵。使用的是javascript腳本,舉例如下:
a.html
以下是引用片段:

<html>
<head>
<title>a</title>
<script language="javascript">
function jump(){
window.location.replace("b.html");
}
</script>
</head>
<body>
<a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >b</a>
</body>
</html>

b.html
以下是引用片段
<html>
<head>
<title>b</title>
<script language="javascript">
function jump(){
window.location.replace("a.html");
}
</script>
</head>
<body>
<a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >a</a>
</body>
</html>

『陸』 如何用js清除緩存

瀏覽器沒有為來js提供請緩存的源介面
據檢測,360瀏覽器的雲中心有個清緩存的js介面,但只在指定的域名下可以調用清緩存的介面
這個要靠瀏覽器實現,目前沒有瀏覽器對外開放
js防緩存可以將請求後加上時間戳,這樣就不會讀緩存的內容
頁面級別防緩存一般用http頭或meta

『柒』 JS如何清除IE瀏覽器緩存

一、CSS和JS為什麼帶參數(形如.css?t=與.js?t=)怎樣獲取代碼
css和js帶參數(形如.css?t=與.js?t=)
使用參數有兩種可能:
第一、腳本並不存在,而是服務端動態生成的,因此帶了個版本號,以示區別。 即上面代碼對於文件來說 等價於 但瀏覽器會認為他是 該文件的某個版本!
第二、客戶端會緩存這些css或js文件,因此每次升級了js或css文件後,改變版本號,客戶端瀏覽器就會重新下載新的js或css文件 ,刷性緩存的作用。
第二種情況最多,也可能兩種同時存在。
版本號,可以是一個隨機數,也可以是一個遞增的值,大版本小版本的方式,或者根據腳本的生成時間書寫,比如就是精確到了生成腳本的秒,而 2.3.3 就是大版本小版本的方式。
二、關於瀏覽器緩存
瀏覽器緩存,有時候我們需要他,因為他可以提高網站性能和瀏覽器速度,提高網站性能。但是有時候我們又不得不清除緩存,因為緩存可能誤事,出現一些錯誤的數據。像股票類網站實時更新等,這樣的網站是不要緩存的,像有的網站很少更新,有緩存還是比較好的。今天主要介紹清除緩存的幾種方法。
清理網站緩存的幾種方法
meta方法
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">123

清理form表單的臨時緩存
方式一:用ajax請求伺服器最新文件,並加上請求頭If-Modified-Since和Cache-Control,如下:
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
},
success:function(response){
//操作
}
async:false
});12345678910111213

方法二,直接用cache:false,
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,

success:function(response){
//操作
}
async:false
});123456789101112

方法三:用隨機數,隨機數也是避免緩存的一種很不錯的方法!
URL 參數後加上 "?ran=" + Math.random(); //當然這里參數 ran可以任意取了eg:
<script>
document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'></scr"+"ipt>");
</script>

其他的類似,只需在地址後加上+Math.random()
注意:因為Math.random() 只能在Javascript 下起作用,故只能通過Javascript的調用才可以 12345678

方法四:用隨機時間,和隨機數一樣。
在 URL 參數後加上 "?timestamp=" + new Date().getTime(); 1

用php後端清理
在服務端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)1

方法五:
5、window.location.replace("WebForm1.aspx");
參數就是你要覆蓋的頁面,replace的原理就是用當前頁面替換掉replace參數指定的頁面。
這樣可以防止用戶點擊back鍵。使用的是javascript腳本,舉例如下:
a.html
以下是引用片段:
<html>
<head>
<title>a</title>
<script language="javascript">
function jump(){
window.location.replace("b.html");
}
</script>
</head>
<body>
<a href="javascript:jump()">b</a>
</body> </html> b.html
以下是引用片段:
<html>
<head>
<title>b</title>
<script language="javascript">
function jump(){
window.location.replace("a.html");
}
</script>
</head>
<body>
<a href="javascript:jump()">a</a>
</body> </html>

轉載地址:http://www.haorooms.com/post/js_llq_hc

『捌』 WebView自動緩存-清除緩存

iOS的Webview載入HTML時會自動緩存JS、CSS等文件,當下次載入HTML時會根據請求的緩存策略是否使用緩存本地的JS和CSS,如果本地有緩存,那麼直接返回本地資源(判斷是否過期);如果沒有本地緩存則向伺服器請求地址。
1、NSURLRequestCachePolicy 指定緩存邏輯。URL載入系統提供了一個磁碟和內存混合的緩存,來響應網路請求。
2、 = 0 默認緩存策略
3、 不使用本地緩存數據
4、 直接載入源數據
5、 指定已存的緩存數據應該用來響應請求,不管它的生命時長和過期時間。
6、 指定已存的緩存數據用來滿足請求,不管生命時長和過期時間。

也可以使用這個方法清除單個請求的緩存

之前遇到一種情況,app端載入伺服器一個網頁,js調用http介面沒有傳參數報錯了,服務端更新之後安卓重新載入沒有問題,iOS端一直載入都會報錯,卸載重裝之後就沒問題了。
最後發現在沙盒的Caches目錄中找到一個WebKit的文件夾,把這個文件夾刪了也沒問題

借鑒:
html開發變態的靜態資源緩存與更新
iOS開發:解決UIWebView自動緩存導致頁面不可刷新問題
iOS html5使用緩存並及時更新方案總結

『玖』 nodejs清理谷歌瀏覽器緩存

nodejs清理谷歌瀏覽器緩存方法如下。
1、打開需清緩存的頁面,再按F12調出開發模式框。
2、勾選Network標簽下Disablecache選項。
3、按F5或右鍵重新載入刷新頁面內容。
4、頁面重新載入完成再按F12隱藏開發模式框即可清理谷歌瀏覽器緩存。

閱讀全文

與js自動清楚緩存相關的資料

熱點內容
word如何繪制餅狀圖 瀏覽:172
w7系統搜索文件夾 瀏覽:618
java線程變數 瀏覽:854
蘋果電腦word是只讀文件 瀏覽:691
ps5國行備份文件大小 瀏覽:754
linux恢復刪除文件命令 瀏覽:805
win10家庭版打不開qq文件 瀏覽:794
女生來例假有哪個app比較好 瀏覽:66
調用後台介面為什麼不顯示數據 瀏覽:363
js判斷重復 瀏覽:422
聯通如何切換到網路電視 瀏覽:191
學編程的優勢哪裡靠譜 瀏覽:939
溝通文件 瀏覽:267
水準測量平差程序 瀏覽:78
cf如何解決網路誤封 瀏覽:952
折疊式文件夾是什麼意思 瀏覽:796
js彈窗登錄注冊 瀏覽:563
怎麼把游戲數據備份到另一個手機 瀏覽:361
微信封殺搶紅包神器破解教程 瀏覽:536
帶貨數據什麼時候更新 瀏覽:500

友情鏈接