javascript怎麼禁止緩存
- 青灯夜游原創
- 2021-04-20 14:34:075249瀏覽
方法：在js檔案url後面加上問號和隨機數字，範例「a.js?223」。原理：在資源的url後面加上數字，對文件加載不會有影響，但如果數字發生改變，瀏覽器就會認為這是一個全新文件，會重新下載緩存，所以加數字的作用是強制瀏覽器呼叫新地址，防止快取。
本教學操作環境：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='**.js?"+Math.random()+"'><\/script>");
</script>
</head>
</html>原理：在資源的url 後面加上數字，對於檔案的載入並不會有任何影響，但是如果數字改變，瀏覽器就會認為這是一個全新的文件，會重新下載緩存，不會讀取之前緩存的那個文件，所以加數字的作用就是強制瀏覽器呼叫新地址，防止快取。
【推薦學習：javascript高階教學】
#以上是javascript怎麼禁止緩存的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn