在網頁開發中，CSS(Cascading Style Sheets)文件提供了對網頁樣式的控制。而在JavaScript中，可以使用一個函數來加載CSS文件，以實現動態改變網頁樣式的效果。 首先，我們需要定義一個名為loadCSS的函數。在這個函數中，我們將創建一個link元素，并將它添加到HTML文檔的頭部。

function loadCSS(url) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = url;
document.head.appendChild(link);
}

上面的代碼中，我們使用了document.createElement方法創建了一個link元素。接著，我們將它的rel屬性設置為stylesheet，將href屬性設置為所需的CSS文件的URL地址，并最終將這個link元素添加到了HTML文檔的頭部。 當我們想要加載某個CSS文件時，只需要調用loadCSS函數并將CSS文件的URL地址作為參數傳入即可。例如：

loadCSS('https://example.com/mystyles.css');

通過調用上述代碼，我們就可以動態地將mystyles.css文件加載到HTML文件中了。 值得一提的是，如果我們需要在載入頁面時同時加載多個CSS文件，我們可以使用循環來依次調用loadCSS函數。例如：

var cssFiles = [
'https://example.com/mystyles.css',
'https://example.com/anotherstyles.css',
'https://example.com/yetanotherstyles.css'
];
for (var i = 0; i< cssFiles.length; i++) {
loadCSS(cssFiles[i]);
}

上述代碼中，我們先定義了一個名為cssFiles的數組，里面存儲了我們需要加載的三個CSS文件的URL地址。然后我們使用for循環，依次調用loadCSS函數以加載這三個CSS文件。 總之，在JavaScript中加載CSS文件是一種十分簡單有效的方式，它為網頁樣式的改變提供了更加靈活的解決方案。