javascript 动态加载 css 方法总结

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);

　　}