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类定义例子
Sep 12 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
JS预览图像将本地图片显示到浏览器上
Aug 25 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
微信小程序页面间通信的5种方式
Mar 31 Javascript
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
Jun 11 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
js里面的变量范围分享
Jul 18 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 函数学习简单小结
2010/07/08 PHP
PHP引用符&amp;的用法详细解析
2013/08/22 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
document.forms[].submit()使用介绍
2014/02/19 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
vue-router单页面路由
2017/06/17 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
javascript对HTML字符转义与反转义
2018/12/13 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
解决vue一个页面中复用同一个echarts组件的问题
2020/07/19 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
JavaScript实现原型封装轮播图
2020/12/27 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
python 远程统计文件代码分享
2015/05/14 Python
Python文件夹与文件的相关操作(推荐)
2016/07/25 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
接口中的方法可以是abstract的吗
2015/07/23 面试题
Android笔试题总结
2014/11/29 面试题
聘任书的写作格式及范文
2014/03/29 职场文书
部门2014年度工作总结
2014/11/12 职场文书
2014年共青团工作总结
2014/12/10 职场文书
处级干部考察材料
2014/12/24 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android
Vue2.0搭建脚手架
2022/03/13 Vue.js