項目發佈時解決瀏覽器緩存JS的問題,不加版本號,採用腳本清除緩存

1. 在頁面中引入一個js文件,用來清除緩存,如:

<script type="text/javascript" src="clearCache.js"></script>

2. 在clearCache.js中添加如下代碼:

// 獲取當前時間戳
var timestamp = Date.parse(new Date());
// 獲取所有的script標籤
var scripts = document.getElementsByTagName('script');
// 遍歷script標籤
for (var i = 0; i < scripts.length; i++) {
    // 獲取script標籤的src屬性
    var src = scripts[i].src;
    // 判斷src中是否包含?
    if (src.indexOf('?') >= 0) {
        // 將src中的?後面的字符串替換成時間戳
        src = src.replace(/\?.*/, '?' + timestamp);
    } else {
        // 如果src中沒有?,則在末尾添加時間戳
        src = src + '?' + timestamp;
    }
    // 重新設置script標籤的src屬性
    scripts[i].src = src;
}

3. 將clearCache.js文件上傳到服務器,在頁面中引入即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章