動態讀取css文件

在前端開發中，經常需要動態讀取css文件，對網頁進行樣式設置。下面介紹一種方法來實現這個功能。

window.onload = function(){
var css = document.createElement('link');
css.setAttribute('rel', 'stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', 'style.css');
document.getElementsByTagName('head')[0].appendChild(css);
}

上述代碼通過創建link元素，設置rel、type、href屬性，并將該元素添加到head標簽中來動態讀取css文件。

其中，rel屬性設為“stylesheet”表示這是一個樣式表文件；type屬性設為“text/css”表示該文件的類型是CSS文件；href屬性指向的是CSS文件的路徑。

在實際開發中，可以根據需要設置不同的CSS文件路徑，并在js代碼中進行操作。與此同時，還可以通過動態讀取CSS文件的方式，實現主題切換等功能。