讓html頁(yè)面不緩存js的實(shí)現(xiàn)方法
本文實(shí)例講述了讓html頁(yè)面不緩存js的實(shí)現(xiàn)方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
很多朋友都會(huì)碰到這樣的情況：如果我們頁(yè)面加載了js的話下次打開(kāi)時(shí)也會(huì)是調(diào)用這個(gè)js緩存文件，但對(duì)于我們調(diào)試時(shí)是非常的不方便了，本文就來(lái)談?wù)撊绾谓鉀Q這一問(wèn)題，下面一起來(lái)看看。
不緩存JS的方法其實(shí)挺簡(jiǎn)單，CSS在某種條件下也可以如此使用；
先讓大家了解下不緩存的一個(gè)簡(jiǎn)單的原理：
當(dāng)瀏覽不同Url時(shí)，瀏覽器會(huì)自動(dòng)將當(dāng)前訪問(wèn)的地址進(jìn)行一次緩存；而第二次訪問(wèn)時(shí)著調(diào)用緩存下來(lái)的頁(yè)面，從而達(dá)到頁(yè)面快速加載(頁(yè)面加載優(yōu)化)的目的；
因此，我們可以給頁(yè)面后面設(shè)定個(gè)不同的值，讓頁(yè)面保持沒(méi)錯(cuò)訪問(wèn)的不同即可達(dá)到不緩存的目的了！
下面是個(gè)簡(jiǎn)單的示例:
document.write("<script type='text/javascript' src='/js/test.js?"+Math.random();+"'></script>");
</script>
其他的類似，只需在地址后加上+Math.random()
注意：因?yàn)镸ath.random() 只能在Javascript 下起作用，故只能通過(guò)Javascript的調(diào)用才可以
最后加一個(gè)ajax也不讓緩存的方法
記得后面的now=" + new Date().getTime()是重點(diǎn)，需要帶參數(shù)的。
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JS localStorage實(shí)現(xiàn)本地緩存的方法
- JS清除IE瀏覽器緩存的方法
- 高性能WEB開(kāi)發(fā) JS、CSS的合并、壓縮、緩存管理
- 禁止js文件緩存的代碼
- js 設(shè)置緩存及獲取設(shè)置的緩存
- JSP頁(yè)面緩存cache技術(shù)--瀏覽器緩存介紹及實(shí)現(xiàn)方法
- js、css、img等瀏覽器緩存問(wèn)題的2種解決方案
- Js 代碼中,ajax請(qǐng)求地址后加隨機(jī)數(shù)防止瀏覽器緩存的原因
- 詳解AngularJS中$http緩存以及處理多個(gè)$http請(qǐng)求的方法
- JS實(shí)現(xiàn)前端緩存的方法
相關(guān)文章
javascript 關(guān)于賦值、淺拷貝、深拷貝的個(gè)人理解
關(guān)于賦值、淺拷貝、深拷貝，以前也思考良久，很多時(shí)候都以為記住了，但是，我太難了。今天我特地寫(xiě)下筆記，希望可以完全掌握這個(gè)東西，也希望可以幫助到任何想對(duì)學(xué)習(xí)這個(gè)東西的同學(xué)2019-11-11
ES6新語(yǔ)法Object.freeze和Object.seal基本使用
這篇文章主要為大家介紹了ES6新語(yǔ)法Object.freeze和Object.seal基本使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
非常不錯(cuò)的思路，自動(dòng)滾動(dòng)到div末尾2008-10-10
微信小程序?qū)W習(xí)筆記之跳轉(zhuǎn)頁(yè)面、傳遞參數(shù)獲得數(shù)據(jù)操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之跳轉(zhuǎn)頁(yè)面、傳遞參數(shù)獲得數(shù)據(jù)操作,結(jié)合實(shí)例形式分析了微信小程序基于navigator組件的頁(yè)面跳轉(zhuǎn)及數(shù)據(jù)傳遞相關(guān)操作技巧,并結(jié)合圖文形式進(jìn)行詳細(xì)說(shuō)明,需要的朋友可以參考下2019-03-03
JS數(shù)組Reduce方法功能與用法實(shí)例詳解
這篇文章主要介紹了JS數(shù)組Reduce方法功能與用法,結(jié)合實(shí)例形式詳細(xì)分析了JS數(shù)組Reduce方法操作數(shù)組統(tǒng)計(jì)、去重等相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
不使用中間變量，交換int型的 a, b兩個(gè)變量的值。
群中的題目，不過(guò)這樣大眾臉的題想必大家都見(jiàn)過(guò)，就看能玩出什么新花招2010-10-10
原生Js與jquery的多組處理, 僅展開(kāi)一個(gè)區(qū)塊的折疊效果
同一個(gè)頁(yè)面, 有多組(不固定), 每組區(qū)塊數(shù)量不一定一樣的小區(qū)塊. 要求每次只展開(kāi)一個(gè)區(qū)塊，需要的朋友可以參考下。2011-01-01
Javascript 兩種刷新方法以及區(qū)別和適用范圍
這篇文章主要介紹了Javascript 兩種刷新方法以及區(qū)別和適用范圍的相關(guān)資料,需要的朋友可以參考下2017-01-01
JavaScrip數(shù)組去重操作實(shí)例小結(jié)
這篇文章主要介紹了JavaScrip數(shù)組去重操作,結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)數(shù)組的遍歷、判斷、去重等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JavaScript獲取字符串實(shí)際長(zhǎng)度(包含中英文)
這篇文章介紹了JavaScript獲取字符串實(shí)際長(zhǎng)度(包含中英文)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06