在網(wǎng)頁開發(fā)中，我們會使用到 JavaScript （簡稱 js）和 CSS （樣式表）。JavaScript 可以為網(wǎng)頁添加交互功能，而 CSS 則用來控制網(wǎng)頁的樣式和排版。為了實現(xiàn)這些功能，我們需要將 JavaScript 和 CSS 文件引入到網(wǎng)頁中。本文將介紹如何在 JavaScript 文件中導入 CSS 文件。

首先，在 HTML 文件中需要先引入 JavaScript 文件，例如：

<script src="main.js"></script>

在 main.js 文件中，我們需要添加以下代碼來導入 CSS 文件：

import './style.css';

這里使用了 ES6 中的導入語法。'./style.css' 表示在當前目錄下搜索 style.css 文件并導入。如果文件路徑不正確或文件不存在，代碼將會拋出錯誤。

如果你正在使用舊版的 JavaScript 或不支持導入語法，可以使用以下代碼來導入 CSS 文件：

var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'style.css';
document.head.appendChild(link);

這里使用了 JavaScript 的 DOM 操作，在文檔頭部動態(tài)創(chuàng)建了一個 link 標簽，并將其 href 屬性設(shè)置為 style.css。然后將該 link 標簽添加到文檔頭部。這樣做的缺點是，它會在文檔加載后再進行加載和解析 CSS 文件，可能會導致頁面閃爍或延遲。

總之，以上兩種方法都可以將 CSS 文件導入到 JavaScript 文件中。具體使用哪種方法取決于你的需求和技術(shù)水平。請注意在導入 CSS 文件時需要注意文件路徑和語法錯誤。