JavaScript动态添加css样式和script标签
2016-07-19 16:07
609 查看
<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标签,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- C#动态创建button的方法
- js可突破windows弹退效果代码
- C#动态调整数组大小的方法
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- 解决Jquery下拉框数据动态获取的问题
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- 微信公众平台小程序开发大牛必备技能