javascript怎麼清除緩存

藏色散人
發布: 2023-01-03 09:31:45
原創
9563 人瀏覽過

javascript清除快取的方法:1、透過meta方法清理網站快取;2、用ajax請求伺服器最新文件,並加上請求頭「If-Modified-Since」和「Cache-Control」;3 、直接使用「cache:false」等等。

javascript怎麼清除緩存

本文操作環境:windows7系統、javascript1.8.5版,DELL G3電腦。

JS清除快取的幾種方法

一、CSS和JS為什麼帶參數(形如.css?t=與.js?t=)怎麼取得程式碼

css和js帶參數(形如.css?t=與.js?t=)

使用參數有兩種可能:

第一、腳本並不存在,而是服務端動態產生的,因此帶了個版本號,以示差異。即上面程式碼對文件來說 等價於 但瀏覽器會認為他是 該文件的某個版本!

第二、客戶端會快取這些css或js文件,因此每次升級了js或css文件後,改變版本號,客戶端瀏覽器就會重新下載新的js或css文件,刷性緩存的作用。

第二種情況最多,也可能兩種同時存在。

版本號,可以是一個隨機數,也可以是一個遞增的值,大版本小版本的方式,或者根據腳本的生成時間書寫,比如就是精確到了生成腳本的秒,而2.3. 3 就是大版小版的方式。

二、關於瀏覽器快取

瀏覽器緩存,有時候我們需要他,因為他可以提高網站效能和瀏覽器速度,提高網站效能。但是有時候我們又不得不清除緩存,因為緩存可能誤事,出現一些錯誤的資料。像股票類網站即時更新等,這樣的網站是不要快取的,像有的網站很少更新,有快取還是比較好的。今天主要介紹清除快取的幾種方法。

清理網站快取的幾個方法

meta方法

  
登入後複製

清理form表單的臨時快取【推薦學習:js基礎教學

方式一:用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可以任意取了

eg:

登入後複製

其他的類似,只要在位址後面加上Math.random()

注意:因為Math.random() 只能在Javascript 下起作用,故只能透過Javascript的呼叫才可以

#方法四:用隨機時間,和隨機數一樣。

在URL 參數後面加上"?timestamp=" new Date().getTime();

用PHP後端清理

在服務端加上header(" Cache-Control: no-cache, must-revalidate");等等(如php)

#方法五:

#5、window.location.replace("WebForm1.aspx") ;

參數就是你要覆寫的頁面,replace的原則就是用目前頁面取代掉replace參數指定的頁面。

這樣可以防止使用者點選back鍵。使用的是javascript腳本,舉例如下:

a.html

以下是引用片段:

  a  
b
登入後複製

b.html

#以下是引用片段:

  b  
a
登入後複製

以上是javascript怎麼清除緩存的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!