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也能包含文件
Oct 26 Javascript
javascript 选择文件夹对话框(web)
Jul 07 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
jQuery实现简单倒计时功能的方法
Jul 04 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
js中DOM三级列表(代码分享)
Mar 20 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
jQuery操作动画完整实例分析
Jan 10 jQuery
Vue中通过vue-router实现命名视图的问题
Apr 23 Javascript
在vue中使用Base64转码的案例
Aug 07 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
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
js图片自动切换效果处理代码
2013/05/07 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
vue实现分页组件
2020/06/16 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
python中enumerate的用法实例解析
2014/08/18 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
分分钟入门python语言
2018/03/20 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
TripAdvisor斯洛伐克:阅读评论、比较价格和酒店预订
2018/04/25 全球购物
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
监督检查工作方案
2014/05/28 职场文书
理财计划书
2014/08/14 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
创业计划书之美容店
2019/09/16 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python