作家
登录

javascript 动态加载 css 方法总结

作者: 来源:www.28hudong.com 2013-03-30 02:29:31 阅读 我要评论

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

  推荐阅读

  Prototype Date对象 学习

看一下源码: 复制代码 代码如下: Date.prototype.toJSON = function() { return '"' + this.getUTCFullYear() + '-' + (this.getUTCMonth() + 1).toPaddedString(2) + '-' + this.getUTCDate().toPaddedString(2)>>>详细阅读


本文标题:javascript 动态加载 css 方法总结

地址:http://www.17bianji.com/kaifa2/JS/28454.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)