讓html頁面不緩存js的實作方法_javascript技巧

本文實例講述了讓html頁面不緩存js的實作方法。分享給大家供大家參考。具體實作方法如下：

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

不快取JS的方法其實挺簡單，CSS在某種條件下也可以如此使用；

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

當瀏覽不同Url時，瀏覽器會自動將目前造訪的位址進行一次快取；而第二次造訪時著呼叫快取下來的頁面，從而達到頁面快速載入(頁面載入最佳化)的目的;

因此，我們可以為頁面後面設定個不同的值，讓頁面保持沒錯訪問的不同即可達到不緩存的目的了！

以下是個簡單的範例:

複製程式碼 程式碼如下:

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

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

注意：因為Math.random() 只能在Javascript 下起作用，故只能透過Javascript的呼叫才可以

最後加上一個ajax也不讓快取的方法

複製程式碼 程式碼如下:

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

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

希望本文所述對大家的javascript程式設計有所幫助。