在網(wǎng)頁開發(fā)的過程中，我們經(jīng)常會(huì)用到 CSS 樣式表來美化網(wǎng)頁的外觀。然而，并不是所有的 CSS 文件都需要在頁面加載時(shí)就立即下載。如果某個(gè)網(wǎng)頁只在特定的情況下才需要下載某個(gè) CSS 文件，則將其延遲加載可以優(yōu)化性能并提升用戶體驗(yàn)。通過使用 JavaScript，我們可以輕松地控制 CSS 文件的加載。

以下是一個(gè)基本的 JavaScript 函數(shù)，用于在DOM樹構(gòu)建完成后，將鏈接到CSS文件的HTML元素的“disabled”屬性設(shè)置為false，從而使得CSS文件被加載：

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

上述函數(shù)將一個(gè)表示要加載的CSS文件的 href 屬性作為參數(shù)傳遞。通過使用 document.createElement() 函數(shù)創(chuàng)建一個(gè) link 元素，我們可以定義要加載的文件類型和文件地址。然后，將元素添加到 head 元素中，使用方法 setAttribute() 將 href 屬性設(shè)置為傳遞的 URL。最后，調(diào)用 enableStyleSheet() 函數(shù)并傳入需要加載的CSS文件的 URL。

如果您需要在 JavaScript 代碼中動(dòng)態(tài)更改樣式表，請(qǐng)參考以下示例：

document.styleSheets[0].addRule('h1', 'color: #007d7d');

上述代碼將為樣式表的第一個(gè)規(guī)則向它動(dòng)態(tài)添加了一條CSS規(guī)則。通過在addRule()函數(shù)中傳遞要應(yīng)用規(guī)則的選擇器 和 需要添加的規(guī)則，我們可以修改樣式表。值得注意的是，這種做法將全局更改所有與該選擇器匹配的元素的樣式。