隨著 HTML5 技術的發展,越來越多的網站開始采用 HTML5 技術構建網站。但是,由于多種原因,瀏覽器有時候會緩存舊版本的 JavaScript 代碼,導致網站不能正常運行。這時候,我們需要清除緩存中的 JavaScript 代碼。
/** * 清除瀏覽器緩存中的 JavaScript 代碼 */ function clearCache() { var version = Date.now(); // 生成隨機版本號 var scripts = document.getElementsByTagName('script'); for (var i = 0; i< scripts.length; i++) { var script = scripts[i]; // 判斷是否是需要清除緩存的 JavaScript 文件 if (script.src && (script.src.indexOf('main.js') >= 0 || script.src.indexOf('bundle.js') >= 0)) { script.src = script.src.replace(/\?\d+/, '') + '?' + version; } } }
這段 JavaScript 代碼會遍歷頁面上的所有 script 標簽,如果 script 標簽的 src 屬性包含 main.js 或 bundle.js 這兩個文件名,就給這個腳本文件添加一個隨機的版本號,從而強制瀏覽器重新加載這個 JavaScript 文件。
使用這段代碼可以有效地解決瀏覽器緩存中 JavaScript 代碼版本不一致的問題,讓網站能夠正常運行。