<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)簽，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: