JavaScript （簡稱 JS）是一種輕量級的編程語言，經常用于在網頁上實現動態交互效果。CSS（層疊樣式表）則是一種用于控制網頁布局和樣式的語言。在網頁中同時使用 JavaScript 和 CSS 是非常常見的，而 JavaScript 調用外部 CSS 文件則是其中一種常見的情況。
為了在 HTML 文件中使用外部 CSS 文件，我們通常通過在 head 標簽中添加 link 元素來引入 CSS 文件。例如：
<head> <link rel="stylesheet" href="style.css"> </head>
那么如何通過 JavaScript 調用這個外部 CSS 文件呢？這可以通過在 DOM 中創建一個 link 元素來實現。例如：
// 創建 link 元素
var link = document.createElement("link");
// 設置 link 屬性
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
// 將 link 元素添加到 head 標簽中
document.head.appendChild(link);在上面的示例代碼中，我們首先使用 document.createElement() 方法創建了一個 link 元素，然后使用 setAttribute() 方法設置了 link 元素的屬性，最后使用 document.head.appendChild() 方法將 link 元素添加到 head 標簽中。
通過 JavaScript 調用外部 CSS 文件可以給我們帶來很多靈活性和便利性。例如，我們可以在用戶觸發某些事件后動態地加載某個 CSS 文件，從而改變網頁的樣式效果。
上一篇html5翻轉導航代碼
下一篇html5美女代碼