CSS中,我們可以使用link標(biāo)簽將外部的CSS文件引用到HTML文件中,使得樣式代碼與HTML內(nèi)容分離,更加便于管理與維護(hù)。而當(dāng)我們需要在CSS樣式中使用JavaScript腳本時(shí),同樣需要外部引用JS文件以實(shí)現(xiàn)功能。
在HTML文件中使用script標(biāo)簽引用JavaScript文件較為常見:
<head>
<script src="script.js"></script>
</head>
其中的src屬性為JS文件路徑,在引用JS文件時(shí),需要注意以下幾點(diǎn):- 如果JS文件與HTML文件在同一個(gè)文件夾下,只需要寫文件名即可;
- 如果在不同文件夾中,應(yīng)該寫明相對路徑,例如:../js/script.js;
- JS文件可以是外部服務(wù)器上的文件,此時(shí)應(yīng)該寫明完整的URL地址。
除了使用script標(biāo)簽直接引用JS文件,我們還可以使用@import方式嵌入JS代碼:
@import "script.js";
但是與link標(biāo)簽引用css文件不同的是,使用@import方式引用JS文件會阻塞頁面的渲染,不建議使用。總之,在CSS樣式文件中引用JavaScript文件需要注意文件的路徑和使用正確的標(biāo)簽,以確保JavaScript腳本能夠正常運(yùn)行。