JavaScript 加載 CSS 是 Web 開發中常見的一種技術手段。通常我們在 HTML 文件中使用 <link> 標簽引用外部 CSS 文件，但在某些情況下，我們需要在運行時動態加載 CSS 文件，這時候就需要使用 JavaScript 腳本來實現。
下面來舉例講解：
// 創建 <link> 標簽
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'style.css';
// 將 <link> 標簽添加到 <head> 標簽中
document.head.appendChild(link);上述代碼創建了一個 <link> 標簽，并將其添加到了 <head> 標簽中，這樣就實現了在運行時動態加載 CSS 文件。
除此之外，我們還可以使用 jQuery 為例：
// 加載 CSS 文件
$.get('style.css', function(data) {
// 在 <head> 標簽中添加 style 標簽
$('head').append('<style>' + data + '</style>');
});上述代碼使用 jQuery 的 <code>$ .get()</code> 方法加載了一個 CSS 文件，并在 <head> 標簽中添加了一個 <style> 標簽，將 CSS 文件內容插入其中。
在實際開發中，我們可能會遇到需要在某些條件滿足時才加載特定的 CSS 文件。比如，在移動端設備上加載移動端的 CSS 文件，在 PC 端設備上加載 PC 端的 CSS 文件。
// 根據設備類型加載不同的 CSS 文件
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// 移動端設備
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'mobile.css';
document.head.appendChild(link);
} else {
// PC 端設備
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'pc.css';
document.head.appendChild(link);
}上述代碼通過檢測瀏覽器類型，如果是移動端設備，則加載 mobile.css，如果是 PC 端設備，則加載 pc.css。
總之，通過 JavaScript 動態加載 CSS 文件，我們可以靈活地控制頁面的樣式，提升用戶體驗，實現更多的交互效果。