[動態添加css樣式]
<html> <head> <script type="text/javascript"> window.onload=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> </head> <body> <div id="div1">測試</div> </body></html>[動態添加script標簽]
原理同上
<html> <head> <script type="text/javascript"> window.onload=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的子節點下} </script> </head> <body> <div id="div1">測試</div> </body></html>以上所述是小編給大家介紹的JavaScript動態添加css樣式和script標簽，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
