javaScript动态添加样式
[动态添加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>
最新文章
- 关于hr标签兼容个浏览器的代码
- iOS项目立项
- IOS应用沙盒文件操作
- 文本挖掘之特征选择(python 实现)
- 山东理工大学第七届ACM校赛-飞花的鱼塘 分类: 比赛 2015-06-26 10:30 43人阅读 评论(0) 收藏
- vi简单快键命令
- 创建局域网内远程git仓库,并将本地仓库push推到远程仓库中
- Linux进程控制——exec函数族
- COM组件开发实践(八)---多线程ActiveX控件和自动调整ActiveX控件大小(下)
- Listview 多个ViewHolder实现
- android中使用surfaceview+MediaPlayer播放视频
- jbpm部署流程定义到MySql报乱码解决方案
- CoreCLR文档翻译 - GC的设计
- [js高手之路] es6系列教程 - 箭头函数详解
- Servlet Cookie取不到值原因
- mybatis 思考
- 6.25html基础!
- 资源在Windows编程中的应用
- 32、TreeSet简介
- 基于python的Appium自动化测试的坑