[動態添加css樣式]

window.οnlοad=function(){

var head=document.getElementsByTagName('head')[0];　　　　　//獲取到head元素

var link=document.createElement('link');　　　　　　　　　　　　 //創建link元素節點，也就是link標簽

link.rel="stylesheet";　　　　　　　　　　　　　　　　　　　　//為link標簽添加rel屬性

link.href="basic.css";　　　　　　　　　　　　　　　　　　　　//為link標簽添加href屬性 ， 屬性值是css外鏈樣式表的路徑

head.appendChild(link);　　　　　　　　　　　　　　　　　　　　//將link元素節點添加到head元素子節點下

}

[動態添加script標簽]

原理同上

window.οnlοad=function(){

var head=document.getElementsByTagName('head')[0];　　　　　//獲取到head元素

var script=document.createElement('script');　　　　　　　　　　 //創建script標簽

script.type="text/javascript";　　　　　　　　　　　　　　　　//為script標簽添加type屬性

script.src="basic.js";　　　　　　　　　　　　　　　　　　　　//為script標簽添加scr屬性，屬性值為js路徑

head.appendChild('script');　　　　　　　　　　　　　　　　　　//將script標簽添加到head的子節點下

}

以上所述是小編給大家介紹的JavaScript動態添加css樣式和script標簽，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對易采站長站網站的支持！