JavaScript作為前端語(yǔ)言中的一種，可以使用外部文件引入網(wǎng)頁(yè)所需的CSS文件。這樣使用JS實(shí)現(xiàn)的動(dòng)態(tài)效果可以與CSS樣式的表現(xiàn)結(jié)合在一起，讓網(wǎng)頁(yè)更加絢麗多彩。
<!DOCTYPE html>
<html>
<head>
<title>JS引入CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>這是一段使用JS引入CSS樣式的文字</h1>
<p>這是一個(gè)p標(biāo)簽內(nèi)容，我們通過(guò)使用JS引入CSS樣式來(lái)美化這個(gè)段落。</p>
<script>
//找到第一個(gè)p標(biāo)簽，設(shè)置它的背景色和字體顏色
var myP = document.querySelector('p');
myP.style.backgroundColor= 'lightblue';
myP.style.color= 'white';
</script>
</body>
</html>在這個(gè)例子中，在head標(biāo)簽中使用link標(biāo)簽引入了一個(gè)名為style.css的外部樣式表，該樣式表文件包含了p標(biāo)簽的樣式，這使得我們可以通過(guò)JS修改p標(biāo)簽的樣式，從而使其具有更好的視覺(jué)效果。
JS可以尋找文檔中的所有元素，并使用這些元素的樣式來(lái)與CSS樣式相協(xié)調(diào)。這種方式可以極大地簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)的工作，并且使CSS樣式的修改只需要更改一個(gè)文件即可實(shí)現(xiàn)。
下一篇js注入css