動(dòng)態(tài)讀取css文件

在前端開(kāi)發(fā)中，經(jīng)常需要?jiǎng)討B(tài)讀取css文件，對(duì)網(wǎng)頁(yè)進(jìn)行樣式設(shè)置。下面介紹一種方法來(lái)實(shí)現(xiàn)這個(gè)功能。

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);
}

上述代碼通過(guò)創(chuàng)建link元素，設(shè)置rel、type、href屬性，并將該元素添加到head標(biāo)簽中來(lái)動(dòng)態(tài)讀取css文件。

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

在實(shí)際開(kāi)發(fā)中，可以根據(jù)需要設(shè)置不同的CSS文件路徑，并在js代碼中進(jìn)行操作。與此同時(shí)，還可以通過(guò)動(dòng)態(tài)讀取CSS文件的方式，實(shí)現(xiàn)主題切換等功能。