在網頁開發中，我們常常需要引用外部文件來實現一些效果，在這些文件中，包括了css和js文件。在本文中，我們將會討論外部js如何引用css文件。

在js中引用css文件，有兩種方式。第一種方式是在html文件中使用link標簽引用css文件。

<link rel="stylesheet" type="text/css" href="example.css">
<script type="text/javascript" src="example.js"></script>

如上所示，我們可以使用link標簽引用css文件，同時在同一個html文件中使用script標簽引用js文件。這種方式的優點是使用方便，可以清晰地看到整個網頁使用到的外部文件。但是缺點是在訪問html文件時需要加載多個文件，會降低網頁的性能。

第二種方式是在js文件中使用style標簽來引用css文件。

var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = 'example.css';
document.getElementsByTagName('head')[0].appendChild(link);
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'example.js';
document.getElementsByTagName('head')[0].appendChild(script);

如上所示，我們使用了js代碼來創建link和script標簽，并將其添加到網頁中。這種方式的優點是只需要在網頁中引用一個js文件，可以減少網頁加載時間，提高性能。但是缺點是代碼比較復雜，可讀性較差。

總而言之，兩種方式都可以實現引用css文件的功能?？梢愿鶕嶋H情況選擇適合自己的方式。