CSS是一種樣式表語言,它可以用來控制HTML文檔的展示效果。在開發過程中,我們經常會遇到需要刷新CSS的情況,比如修改了某個選擇器的樣式,但是頁面上并沒有立即生效。為了使CSS生效,我們需要刷新相應的標簽。
// 刷新所有CSS標簽 function refreshCSS() { 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 + '?version=' + new Date().getTime(); } } } // 刷新指定CSS標簽 function refreshCssByClassName(className) { var links = document.getElementsByTagName('link'); for (var i = 0; i< links.length; i++) { var link = links[i]; if (link.rel === 'stylesheet' && link.className === className) { link.href = link.href + '?version=' + new Date().getTime(); } } }
以上代碼可以用來刷新CSS標簽。第一個函數refreshCSS()可以刷新所有CSS標簽,在頁面修改樣式后使用它可以讓所有樣式生效。第二個函數refreshCssByClassName(className)可以刷新指定CSS標簽,可以根據需求傳入不同的className進行使用。
以上就是CSS刷新標簽的方法,使用它們可以方便地刷新頁面上的樣式,讓我們的開發過程更加順暢快捷。