javascript实现动态加载CSS


Posted in Javascript onJanuary 26, 2015
<script type="text/javascript">

            function addStyle(stylePath) {

                var container = document.getElementsByTagName("head")[0];

                var addStyle = document.createElement("link");

                addStyle.rel = "stylesheet";

                addStyle.type = "text/css";

                addStyle.media = "screen";

                addStyle.href = stylePath;

                container.appendChild(addStyle);

            }

            addStyle('http://www.xxx.com/wintys/dynamic.css');

</script>

JS写的函数,用来控制JS文件的动态加载,也就是在需要的时候才加载JS文件,同时还可加载CSS文件,这样就可实现网页换肤,这觉得这个函数写的不错,认真的看下,自己在完善下,还是相当不错的。

function $import(path,type,title){ 

var s,i; 

if(!type) type=path.substr(path.lastIndexOf(".")+1); 

if(type=="js"){ 

    var ss=document.getElementsByTagName("script"); 

    for(i=0;i<ss.length;i++){ 

        if(ss[i].src && ss[i].src.indexOf(path)!=-1 || ss[i].title==title)return ss[i]; 

    } 

    s=document.createElement("script"); 

    s.type="text/javascript"; 

    s.src=path; 

    if(title) s.title=title; 

}

else if(type=="css"){ 

    var ls=document.getElementsByTagName("link"); 

    for(i=0;i<ls.length;i++){ 

        if(ls[i].href && ls[i].href.indexOf(path)!=-1 || ls[i].title==title)return ls[i]; 

    } 

    s=document.createElement("link"); 

    s.rel="stylesheet"; 

    s.type="text/css"; 

    s.href=path; 

    if(title) s.title=title; 

    s.disabled=false; 

} 

else return; 

var head=document.getElementsByTagName("head")[0]; 

head.appendChild(s); 

return s; 

}
Javascript 相关文章推荐
Javascript 事件流和事件绑定
Jul 16 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
Jul 31 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
jquery siblings获取同辈元素用法实例分析
Jul 25 Javascript
jQuery无刷新上传之uploadify简单代码
Jan 17 Javascript
jQuery插件zTree实现删除树子节点的方法示例
Mar 08 Javascript
vue.js事件处理器是什么
Mar 20 Javascript
基于JavaScript实现的插入排序算法分析
Apr 14 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
Vue+axios实现统一接口管理的方法
Jul 23 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
使用jQuery实现返回顶部
Jan 26 #Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 #Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 #Javascript
JavaScript事件委托用法分析
Jan 24 #Javascript
jQuery统计上传文件大小的方法
Jan 24 #Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 #Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
Jan 24 #Javascript
You might like
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
php+javascript的日历控件
2009/11/19 PHP
php创建sprite
2014/02/11 PHP
PHP动态生成javascript文件的2个例子
2014/04/11 PHP
[JS]点出统计器
2020/10/11 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
详解微信小程序开发用户授权登陆
2019/04/24 Javascript
js实现简单页面全屏
2019/09/17 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
python实现名片管理系统
2018/11/29 Python
python3爬虫怎样构建请求header
2018/12/23 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
中国入世承诺
2014/04/01 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
前台岗位职责范本
2015/04/16 职场文书
学生会副主席竞选稿
2015/11/19 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang