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 相关文章推荐
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
JavaScript中对象介绍
Dec 31 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
js中split和replace的用法实例
Feb 28 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
Apr 13 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
Node.js实现简单的爬取的示例代码
Jun 25 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
Oct 20 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
jQuery treeview树形结构应用
Mar 24 jQuery
使用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三元运算符的结合性介绍
2012/01/10 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
jquery实现居中弹出层代码
2010/08/25 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
jQuery如何封装输入框插件
2016/08/19 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
js简易版购物车功能
2017/06/17 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
2019/02/14 jQuery
实用的Vue开发技巧
2019/05/30 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
js实现购物车商品数量加减
2020/09/21 Javascript
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
python实现比较文件内容异同
2018/06/22 Python
Python定时任务sched模块用法示例
2018/07/16 Python
简单了解python数组的基本操作
2019/11/26 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
Python 下载Bing壁纸的示例
2020/09/29 Python
HTML5的download属性详细介绍和使用实例
2014/04/23 HTML / CSS
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
中学实习教师自我鉴定
2013/12/12 职场文书
高中语文课后反思
2014/04/27 职场文书
十佳家长事迹材料
2014/08/26 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
水电工岗位职责
2015/02/14 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
解除合同协议书范本
2016/03/21 职场文书
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android