JavaScript文件可以包含CSS樣式規(guī)則。這是因為JavaScript語言本身并不限制可以寫在一個文件中的內(nèi)容。當(dāng)瀏覽器遇到一個外部的JavaScript文件時，它通常會將文件中的所有內(nèi)容包含到當(dāng)前頁面中執(zhí)行。這也就意味著，在JavaScript文件中，你可以包含CSS樣式規(guī)則，讓樣式和腳本緊密相連，便于維護(hù)。

// 在JavaScript文件中定義樣式規(guī)則
var styles = `
body {
background-color: #ccc;
}
h1 {
color: blue;
text-align: center;
}
`;
// 動態(tài)創(chuàng)建樣式標(biāo)簽，并將樣式放到標(biāo)簽中
var style = document.createElement("style");
style.textContent = styles;
document.head.appendChild(style);

在這個例子中，我們定義了一個包含了兩個CSS樣式規(guī)則的字符串變量。接著，我們通過JavaScript代碼創(chuàng)建了一個樣式標(biāo)簽，并將樣式字符串塞入標(biāo)簽中。最后，我們將樣式標(biāo)簽添加到當(dāng)前頁面的標(biāo)簽中。

這種技巧可以非常方便地將樣式和腳本合并在一起，讓代碼更加易于維護(hù)。當(dāng)改變頁面的樣式時，只需要修改JavaScript文件即可，而不需要同時修改CSS文件和JavaScript文件。同時，這種方法還可以避免瀏覽器的請求數(shù)量增加，提高頁面的加載效率。