雖然頁面樣式通常在一開始加載時就已經配置好，但是有時候我們需要在運行期間動態更改樣式，這時候重新加載當前的樣式文件就成了必要的一步。下面我們來介紹在JS中如何重新加載當前的CSS。

function reloadCSS() {
var links = document.getElementsByTagName("link");
var head = document.getElementsByTagName("head")[0];
for (var i = 0; i< links.length; i++) {
var link = links[i];
if (link.rel === "stylesheet") {
head.removeChild(link);
var newLink = document.createElement("link");
newLink.rel = "stylesheet";
newLink.href = link.href + "?time=" + new Date().getTime();
head.appendChild(newLink);
}
}
}

這段代碼的意思是首先獲取到當前頁面中所有的link元素，然后遍歷這些元素，找到所有rel屬性為stylesheet的link元素，然后依次移除這些元素，并新建一個同樣的link元素并插入到head元素中，通過在當前鏈接后加上一個時間戳，強制瀏覽器重新下載樣式文件，達到重新加載的目的。

以上就是如何在JS中重新加載當前的CSS的方法，希望能對大家有所幫助。