| 标题 | JavaScript动态添加css样式和script标签 |
| 内容 | 这篇文章主要介绍了JavaScript动态添加css样式和script标签的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下 [动态添加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标签，希望对大家有所帮助 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。