??重新加載CSS是指在網(wǎng)站開發(fā)中時(shí)常需要對(duì)網(wǎng)頁CSS進(jìn)行修改。當(dāng)你對(duì)CSS進(jìn)行修改后,需要將CSS文件重新加載到網(wǎng)頁中。因?yàn)樵谑褂脼g覽器瀏覽頁面的過程中,瀏覽器會(huì)將CSS緩存起來,即使你修改了CSS文件,由于瀏覽器還在使用緩存的CSS文件,所以網(wǎng)頁上并不會(huì)顯示最新的修改。
??示例代碼: <link rel="stylesheet" href="style.css" type="text/css" /> <script> function reloadCSS() { var links = document.getElementsByTagName("link"); for (var i = 0; i < links.length; i++) { var link = links[i]; if (link.rel === "stylesheet") { link.href = link.href + "?rand=" + Math.random(); } } } </script> ??
??實(shí)現(xiàn)方法:在原來的CSS文件路徑后面添加一個(gè)問號(hào)(?),并加上一個(gè)隨機(jī)數(shù)。當(dāng)然,也可以自己定義一個(gè)不斷變化的字符串或者數(shù)字。這樣,瀏覽器就會(huì)將鏈接看作不同的地址,重新加載最新的CSS文件。
??如果使用jQuery框架,可以使用以下代碼重新加載CSS文件。
??示例代碼: $("link[rel='stylesheet']").attr({href : "style.css"}); ??
??總而言之,重新加載CSS文件相對(duì)較簡(jiǎn)單,只需在原文件路徑后加上隨機(jī)參數(shù)即可。但是,盡量在開發(fā)時(shí)減少修改CSS的次數(shù),避免對(duì)網(wǎng)站性能產(chǎn)生負(fù)面影響。