在Web開發中，經常需要使用CSS來美化網頁界面，而JS則用作頁面邏輯控制和交互操作。為了方便管理和維護CSS和JS文件，我們一般將它們分別保存在.css和.js文件中，然后通過HTML頁面引用。
外部JS引用CSS的方法比較簡單，我們只需要在HTML文件中先引用CSS文件，再引用JS文件即可。代碼如下：
<!DOCTYPE html> <html> <head> <title>外部JS引用CSS</title> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> <h1>外部JS引用CSS</h1> <p>這是一個演示外部JS引用CSS的頁面。</p> </body> </html>
以上代碼中，我們先在head標簽內引用了style.css文件，這樣頁面加載時就會先加載CSS樣式表。然后在body標簽內引用了script.js文件，這樣JS腳本就可以利用CSS中定義的樣式來修改頁面元素的外觀、位置等。
總之，外部JS引用CSS是一種非常實用的技巧，它不僅能提高Web開發效率，還能讓頁面展示更為美觀和動態。
上一篇外部css會阻止渲染嗎
下一篇外邊距的css寫法