在JavaScript中引用CSS文件的方法有多種，以下是一些常見的方法：

1、內(nèi)聯(lián)樣式：在JavaScript中直接定義樣式規(guī)則，并將其應(yīng)用于HTML元素。

document.getElementById('myElement').style.color = 'red';

2、外部樣式表：通過<link>標(biāo)簽在HTML中引用外部CSS文件。

<link rel="stylesheet" href="styles.css">

3、導(dǎo)入樣式模塊：在JavaScript中導(dǎo)入CSS模塊，并將樣式應(yīng)用于元素。

import styles from './styles.css';
document.getElementById('myElement').classList.add(styles.redText);

4、動態(tài)創(chuàng)建樣式表：在JavaScript中動態(tài)創(chuàng)建樣式表，并添加樣式規(guī)則。

var styleSheet = document.createElement('style');
styleSheet.innerHTML = `
  #myElement {
    color: red;
  }
`;
document.head.appendChild(styleSheet);

這些方法可以根據(jù)具體需求選擇使用，其中外部樣式表和內(nèi)聯(lián)樣式是***常見的引用方式。