js css 後面可以加一段代碼
<script type="text/javascript" src="/src/test.js?"+"版本號版"></script>
css同理權
<link href="/src/test.css?"+"版本號"/>
② 如何自動給CSS、JS添加版本號防止客戶端緩存。
怎麼說呢,個人有個笨點的辦法,就是在代碼中加上JS版本號的全局變數,應用內JS時利用後台代碼添加。容
這樣更改過JS時,將JS的文件名後邊帶上個自定義的版本號,再將JS版本號的變數修改一下就好了。其他程序由於是動態的讀取JS文件名,所以不用再修改,也不用怕漏改。
③ 如何刷新修改過的頁面和.js文件
1.每次修改後,要上抄傳修襲改過的程序到伺服器。如果只修改了.js文件,除了上傳.js文件後還要,上傳主頁面(.html),不然即使瀏覽器刷新頁面後,也不重載.js文件,以致認為程序修改的不對,造成誤判,浪費時間和機會。 2.用瀏覽器打開主頁面後,要再點一次「刷新」,不然執行的是緩存的頁面。
④ 【瀏覽器緩存問題】HTML靜態文件中,css和js可以添加版本號來刷新緩存,但是只是修改的文字了呢
給網址後面添加一個隨機數(或者是任意的字元串)即可,比如原來的網址是這樣的回:
http....../.../1.htm
改為
http....../.../1.htm?1234
即可(注意問號不答能省)。
瀏覽器是根據網址來緩存的,所以只要給網址接個尾巴,瀏覽器就會認為是新網址,就會從網上重新下載數據了。當然,如果下次再次改變了網頁內容,這個尾巴就要再次修改。
給css和js添加所謂版本號其實也是同一個原理。這個版本號其實就是給css和js的網址接個尾巴而已。
這個也同樣適用網頁裡面的圖片、音樂等資源,事實上只要是http協議的元素都可以利用這個辦法來避開緩存實時刷新。
⑤ 如何讓html頁面實現每次刷新的時候重新執行js
代碼如下:
window.onload=function(){
alert("onload");
}
⑥ 伺服器js文件的內容修改後,瀏覽器一定要刷新一下才能使用新的內容,怎麼使瀏覽器不刷新就可以運行新的js
實現的方法和詳細的操作步驟如下:
1、第一步,打開Chrome瀏覽器,然後單擊「設置」選項,見下圖,轉到下面的步驟。
⑦ 如何直接強制客戶端刷新.js文件
根據你的描述:
直接強制客戶端刷新.js文件,建議你看下這篇文章,寫的版非常好,希望對你有所幫權助!
http://www.cnblogs.com/volnet/archive/2012/11/02/2752019.html
⑧ 如何刷新修改過的頁面和.js文件(原創)
每次來更新時,需要用瀏覽器刷新頁源面,查看修改效果。建議調試時注意以下事項,以免因為沒有刷新而質疑程序改動沒有發生作用。 1.每次修改後,要上傳修改過的程序到伺服器。如果只修改了.js文件,除了上傳.js文件後還要,上傳主頁面(.html),不然即使瀏覽器刷新頁面後,也不重載.js文件,以致認為程序修改的不對,造成誤判,浪費時間和機會。 2.用瀏覽器打開主頁面後,要再點一次「刷新」,不然執行的是緩存的頁面。
⑨ html中js文件的版本號如何控制
處理辦法:
1.更改css文件名:其實解決這個問題很簡單,緩存是通過文件名標記緩存的內容的。在你更新了網站的css文件內容後,在更換一下css的文件名就可以了。如原先html中的css調用語句如下:
<link rel="stylesheet" href=「http://www.example.com/style.css」 type="text/css" media="screen" />
改一下css文件名就可以了:
<link rel=「stylesheet」 href="http://www.example.com/index.css" type="text/css" media="screen" />
另外一種從更改css文件名的方法是將版本號寫到文件名中,如:
<link rel="stylesheet" href="http://www.example.com/index.v2011.css" type="text/css" media="screen"/>
css文件更新後,改一下文件名中的版本號即可:
<link rel="stylesheet" href="http://www.example.com/index.v2012.css" type="text/css" media="screen"/>
2.給css文件加個版本號:其實每次修改css文件後還要修改css的文件名有點麻煩,那麼我們可以在載入css語句中加入個版本號(即css鏈接中?後面的內容)就可以了。如原先html中的css調用語句如下:
<link rel="stylesheet" href=「http://www.example.com/style.css?v=2011」type="text/css" media="screen"/>
改一下css文件的版本號改成2012就可以了:
<link rel="stylesheet" href=「http://www.example.com/style.css?v=2012」type="text/css" media="screen"/>
總結:
其實css文件後面的問號起不到實際作用,僅能當作後綴,如果用問號加參數的方法,可以添加版本號等信息,同時可以刷新一下瀏覽器端的緩存。一個小小的細節,帶來很大的方便。