快捷導(dǎo)航

JavaScript動態(tài)添加css樣式和script標簽

更新時間：2016年07月19日 16:07:05 作者：924256520

這篇文章主要介紹了JavaScript動態(tài)添加css樣式和script標簽的相關(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é)點，也就是link標簽
　　　　　　　　　　link.rel="stylesheet";　　　　　　　　　　　　　　　　　　　　//為link標簽添加rel屬性
　　　　　　　　　　link.href="basic.css";　　　　　　　　　　　　　　　　　　　　//為link標簽添加href屬性 ， 屬性值是css外鏈樣式表的路徑
　　　　　　　　head.appendChild(link);　　　　　　　　　　　　　　　　　　　　//將link元素節(jié)點添加到head元素子節(jié)點下
　　　　　　　　
　}
　　　　</script>
　　</head>
　　<body>
　　　　<div id="div1">測試</div>
　　</body>
</html>

[動態(tài)添加script標簽]

原理同上

<html>
　　<head>
　　　　<script type="text/javascript">
　　　　　　　window.onload=function(){
　　　　　　　　var head=document.getElementsByTagName('head')[0];　　　　　//獲取到head元素　
　　　　　　　　var script=document.createElement('script');　　　　　　　　　　 //創(chuàng)建script標簽
　　　　　　　　　　script.type="text/javascript";　　　　　　　　　　　　　　　　//為script標簽添加type屬性　　　　　　　　　
　　　　　　　　　　script.src="basic.js";　　　　　　　　　　　　　　　　　　　　//為script標簽添加scr屬性，屬性值為js路徑
　　　　　　　　head.appendChild('script');　　　　　　　　　　　　　　　　　　//將script標簽添加到head的子節(jié)點下
}
　　　　</script>
　　</head>
　　<body>
　　　　<div id="div1">測試</div>
　　</body>
</html>

以上所述是小編給大家介紹的JavaScript動態(tài)添加css樣式和script標簽，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: