javascript 动态加载 css 方法总结


Posted in Javascript onJuly 11, 2009

1. 用在外部CSS文件中加载必须的文件
@importurl(style.css);
//只能用在CSS文件中或者style标签中
2. 简单的在页面中加载一个外部CSS文件
document.createStyleSheet(cssFile);
2. 用createElement方法创建CSS的Link标签
varhead=document.getElementsByTagName('HEAD').item(0);
varstyle=document.createElement('link');
style.href='style.css';
style.rel='stylesheet';
style.type='text/css';
head.appendChild(style);
下面是经常会用到的两个函数.

functionloadJs(file){ 
varscriptTag=document.getElementById('loadScript'); 

varhead=document.getElementsByTagName('head').item(0); 

if(scriptTag)head.removeChild(scriptTag); 

script=document.createElement('script'); 

script.src="../js/mi_"+file+".js"; 

script.type='text/javascript'; 

script.id='loadScript'; 

head.appendChild(script); 
} 
functionloadCss(file){ 

varcssTag=document.getElementById('loadCss'); 

varhead=document.getElementsByTagName('head').item(0); 

if(cssTag)head.removeChild(cssTag); 

css=document.createElement('link'); 

css.href="../css/mi_"+file+".css"; 

css.rel='stylesheet'; 

css.type='text/css'; 

css.id='loadCss'; 

head.appendChild(css); 
}
Javascript 相关文章推荐
js判断生效时间不得大于失效时间的思路及代码
Apr 23 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
JAVA中截取字符串substring用法详解
Apr 14 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
vue.js实现只弹一次弹框
Jan 29 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
Sep 05 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
angular 表单验证器验证的同时限制输入的实现
Apr 11 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
checkbox 复选框不能为空
Jul 11 #Javascript
javascript 页面只自动刷新一次
Jul 10 #Javascript
javascript div 遮罩层封锁整个页面
Jul 10 #Javascript
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 #Javascript
javascript 读取xml,写入xml 实现代码
Jul 10 #Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 #Javascript
jquery Firefox3.5中操作select的问题
Jul 10 #Javascript
You might like
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
javascript 自定义事件初探
2009/08/21 Javascript
js几个验证函数代码
2010/03/25 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
使用vue构建一个上传图片表单
2017/07/04 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
python socket 超时设置 errno 10054
2014/07/01 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python匹配中文的正则表达式
2016/05/11 Python
详解python3百度指数抓取实例
2016/12/12 Python
python paramiko模块学习分享
2017/08/23 Python
Python实现按特定格式对文件进行读写的方法示例
2017/11/30 Python
Django项目之Elasticsearch搜索引擎的实例
2019/08/21 Python
如何使用python切换hosts文件
2020/04/29 Python
Speedo速比涛中国官方网站:全球领先泳装运动品牌
2018/04/24 全球购物
研发工程师的岗位职责
2013/11/18 职场文书
土建施工员岗位职责
2014/07/16 职场文书
教师个人总结范文
2015/02/11 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书
Java 中的 Unsafe 魔法类的作用大全
2021/06/26 Java/Android
tp5使用layui实现多个图片上传(带附件选择)的方法实例
2021/11/17 PHP