动态替换css和js的方法
2016-04-24 13:24
585 查看
var dynamicLoading = {
css:function(path){
//判断是否传入路径
if(!path || path.length === 0){
throw new Errow("argument 'path' is required!");
}
//获取head标签
var head = document.getElementByTagName("head")[0];
//创建link标签
var link = document.createElement("link");
//href赋值为path
link.href = path;
link.rel = "stylesheet";
//申明css
link.type = "text/css";
head.appendChild(link);
},
js:function(path){
//判断是否传入路径
if(!path || path.length === 0){
throw new Errow("argument 'path' is required!");
}
//获取head标签
var head = document.getElementByTagName("head")[0];
//创建script标签
var script = document.createElement("script");
//src赋值为path
script.src = "path";
//申明js
script.type = "text/javascript";
head.appendChild(script);
}
};
css:function(path){
//判断是否传入路径
if(!path || path.length === 0){
throw new Errow("argument 'path' is required!");
}
//获取head标签
var head = document.getElementByTagName("head")[0];
//创建link标签
var link = document.createElement("link");
//href赋值为path
link.href = path;
link.rel = "stylesheet";
//申明css
link.type = "text/css";
head.appendChild(link);
},
js:function(path){
//判断是否传入路径
if(!path || path.length === 0){
throw new Errow("argument 'path' is required!");
}
//获取head标签
var head = document.getElementByTagName("head")[0];
//创建script标签
var script = document.createElement("script");
//src赋值为path
script.src = "path";
//申明js
script.type = "text/javascript";
head.appendChild(script);
}
};
相关文章推荐
- css练习
- css
- 《CSS3实战》笔记--弹性盒模型(二)
- qt使用样式表修改控件属性
- CSS盒子模型
- float实现横向导航
- CSS3 transform实现图片旋转木马3D浏览效果
- CSS Selector (part 1)
- 一个页面弄懂 CSS 样式选择器
- Css3学习笔记
- 《CSS3实战》笔记--弹性盒模型(一)
- CSS 图片替换文字方案
- CSS中"visibility: hidden"和 “display:none”区别
- CSS实现loading小动画(附源码)
- wordpress为dashboard添加样式
- CSS之父:Web事业未竞,尚需前赴后继
- 纯CSS3制作3D导航栏
- 活用CSS(一)移动遮盖效果的实现
- CSS样式实现九宫格
- [读书笔记] CSS权威指南1: 选择器