当前位置:首页 > 网站制作 > JavaScript教程 > javascript 动态加载 css 的方法总结

cssjavascript javascript 动态加载 css 的方法总结

2017-01-11 | 来源:网络 | 关键字: cssjavascript css和javascript区别
网(LieHuo.Net)讯 1. 用在外部CSS文件中加载必须的文件  @importurl(style.css);   //只能用在CSS文件中或者style标签中   2. 简单的在页面中加载一
  网(LieHuo.Net)讯 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'); (wWw.AlonelY.coM.cn)   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); }
复制代码

评论

评论数10

表情
发表评论
网友评论仅供其表达个人看法,并不表明网易立场。
《javascript 动态加载 css 的方法总结》更多评论

头条推荐

阅读下一篇

七款实用的Javascript代码高亮脚本

代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮,以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良 ... 查看全文

返回JavaScript教程 返回网站首页