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获取和设置属性的方法
Feb 20 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
javascript解析json数据的3种方式
May 08 Javascript
原生javascript实现隔行换色
Jan 04 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
node.js如何操作MySQL数据库
Oct 29 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
PHP父类调用子类方法的代码例子
2014/04/09 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
PHP7常量数组用法分析
2016/09/26 PHP
PHP实现微信红包金额拆分试玩的算法示例
2018/04/07 PHP
php app支付宝回调(异步通知)详解
2018/07/25 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
Javascript 5种方法实现过滤删除前后所有空格
2016/06/22 Javascript
NodeJS整合银联网关支付(DEMO)
2016/11/09 NodeJs
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
Python实现繁体中文与简体中文相互转换的方法示例
2018/12/18 Python
对python判断是否回文数的实例详解
2019/02/08 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
2019/07/08 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
《云房子》教学反思
2014/04/20 职场文书
教师学期个人总结
2015/02/11 职场文书
教师个人总结范文
2015/02/11 职场文书
2015小学师德工作总结
2015/07/21 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL