首頁 >web前端 >js教程 >javascript怎麼禁止緩存

javascript怎麼禁止緩存

青灯夜游
青灯夜游原創
2021-04-20 14:34:075311瀏覽

方法:在js檔案url後面加上問號和隨機數字,範例「a.js?223」。原理:在資源的url後面加上數字,對文件加載不會有影響,但如果數字發生改變,瀏覽器就會認為這是一個全新文件,會重新下載緩存,所以加數字的作用是強制瀏覽器呼叫新地址,防止快取。

javascript怎麼禁止緩存

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript禁止快取

#方法:在css和js後面加問號和數字可以防止快取

當瀏覽器發出一個http請求的時候,會載入各種各樣的資源,如:HTML文件、影片、圖片、CSS和JS等。對於這些url不變的資源,瀏覽器會將他們保存在本地快取中,下次再訪問相同網站的時候,可以直接加載,加快訪問。

瀏覽器的這個快取策略,一方面加快了存取的速度,另一方面也會遇到一個問題,就是無法及時載入最新的css和js檔案。

為了解決這個問題,我們會在css和js連結後面加上問號和一些隨機字元。

類似index.js?20210489

範例:

<html>
<head>
<script type="text/javascript">
    document.write("<script src=&#39;**.js?"+Math.random()+"&#39;><\/script>");
</script>
 
</head>
</html>

原理:在資源的url 後面加上數字,對於檔案的載入並不會有任何影響,但是如果數字改變,瀏覽器就會認為這是一個全新的文件,會重新下載緩存,不會讀取之前緩存的那個文件,所以加數字的作用就是強制瀏覽器呼叫新地址,防止快取。

【推薦學習:javascript高階教學

#

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn