javascript 动态加载 css 方法总结
2009-07-11 00:00
274 查看
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);
下面是经常会用到的两个函数.
@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 动态加载 css 方法总结
- JavaScript动态加载CSS的三种方法
- JavaScript动态加载CSS的三种方法
- JavaScript动态加载CSS的三种方法
- JavaScript 动态加载CSS的三种方法
- JavaScript动态加载CSS的三种方法
- JavaScript动态加载CSS的三种方法
- JavaScript动态加载CSS的三种方法
- IE8中使用javascript动态加载CSS的解决方法
- JavaScript动态加载CSS的三种方法
- JavaScript动态加载CSS的三种方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- js 动态加载事件的几种方法总结
- IE浏览器动态加载css方法
- JavaScript动态加载css和js文件
- javascript动态加载方法
- js动态加载css文件和js文件的方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法