這篇文章主要介紹了JavaScript動態(tài)添加css樣式和script標(biāo)簽的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
[動態(tài)添加css樣式]
<html>
<head>
<script type="text/javascript">
window.onload=function(){
var head=document.getElementsByTagName('head')[0]; //獲取到head元素
var link=document.createElement('link'); //創(chuàng)建link元素節(jié)點(diǎn)，也就是link標(biāo)簽
link.rel="stylesheet"; //為link標(biāo)簽添加rel屬性
link.href="basic.css"; //為link標(biāo)簽添加href屬性 ， 屬性值是css外鏈樣式表的路徑
head.appendChild(link); //將link元素節(jié)點(diǎn)添加到head元素子節(jié)點(diǎn)下
}
</script>
</head>
<body>
<div id="div1">測試</div>
</body>
</html>
[動態(tài)添加script標(biāo)簽]
原理同上
<html>
<head>
<script type="text/javascript">
window.onload=function(){
var head=document.getElementsByTagName('head')[0]; //獲取到head元素
var script=document.createElement('script'); //創(chuàng)建script標(biāo)簽
script.type="text/javascript"; //為script標(biāo)簽添加type屬性
script.src="basic.js"; //為script標(biāo)簽添加scr屬性，屬性值為js路徑
head.appendChild('script'); //將script標(biāo)簽添加到head的子節(jié)點(diǎn)下
}
</script>
</head>
<body>
<div id="div1">測試</div>
</body>
</html>
以上所述是小編給大家介紹的JavaScript動態(tài)添加css樣式和script標(biāo)簽，希望對大家有所幫助
版權(quán)所有:易賢網(wǎng)
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試