讓html頁面不緩存js的實現方法


很多朋友都會碰到這樣的情況:如果我們頁面加載了js的話下次打開時也會是調用這個js緩存文件,但對於我們調試時是非常的不方便了,本文就來談論如何解決這一問題,下面一起來看看。

不緩存JS的方法其實挺簡單,CSS在某種條件下也可以如此使用;

先讓大家了解下不緩存的一個簡單的原理:

當瀏覽不同Url時,瀏覽器會自動將當前訪問的地址進行一次緩存;而第二次訪問時着調用緩存下來的頁面,從而達到頁面快速加載(頁面加載優化)的目的;

因此,我們可以給頁面后面設定個不同的值,讓頁面保持沒錯訪問的不同即可達到不緩存的目的了!

下面是個簡單的示例:

 

復制代碼 代碼如下:
<script>
document.write("<script type='text/javascript' src='/js/test.js?"+Math.random();+"'></script>");
</script>


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

 

注意:因為Math.random() 只能在Javascript 下起作用,故只能通過Javascript的調用才可以

最后加一個ajax也不讓緩存的方法

 

復制代碼 代碼如下:
xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);


記得后面的now=" + new Date().getTime()是重點,需要帶參數的。

 

可以考慮引入js部分給js文件加入一個隨機數作為參數.
比如:

 
1
2
3
4
<script type= "text/javascript"  src= "/js/myjs.js" ></script>
// 修改為
<script type= "text/javascript"  src= "/js/myjs.js?randomId=<%=Math.random()%>" ></script>


注: 只是給個思路. 后面那個randomId=<%=Math.random()%>需要你自己考慮下.
可以是當前時間戳+一個隨機數字之類的.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM