讓html頁面不緩存js的實(shí)現(xiàn)方法

本文實(shí)例講述了讓html頁面不緩存js的實(shí)現(xiàn)方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

很多朋友都會(huì)碰到這樣的情況：如果我們頁面加載了js的話下次打開時(shí)也會(huì)是調(diào)用這個(gè)js緩存文件，但對(duì)于我們調(diào)試時(shí)是非常的不方便了，本文就來談?wù)撊绾谓鉀Q這一問題，下面一起來看看。

不緩存JS的方法其實(shí)挺簡單，CSS在某種條件下也可以如此使用；

先讓大家了解下不緩存的一個(gè)簡單的原理：

當(dāng)瀏覽不同Url時(shí)，瀏覽器會(huì)自動(dòng)將當(dāng)前訪問的地址進(jìn)行一次緩存；而第二次訪問時(shí)著調(diào)用緩存下來的頁面，從而達(dá)到頁面快速加載(頁面加載優(yōu)化)的目的；

因此，?們可以給頁面后面設(shè)定個(gè)不同的值，讓頁面保持沒錯(cuò)訪問的不同即可達(dá)到不緩存的目的了！

下面是個(gè)簡單的示例:

代碼如下:

<script> 

document.write("<script type='text/javascript' src='/js/test.js?"+Math.random();+"'></script>"); 

</script>

其他的類似，只需在地址后加上+Math.random()

注意：因?yàn)镸ath.random() 只能在Javascript 下起作用，故只能通過Javascript的調(diào)用才可以

最后加一個(gè)ajax也不讓緩存的方法

代碼如下:

xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);

記得后面的now=" + new Date().getTime()是重點(diǎn)，需要帶參數(shù)的。