软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Ajax/JavaScript > javascript 动态加载 css 的方法总结

javascript 动态加载 css 的方法总结

  烈火网(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);

  下面是经常会用到的两个函数.

  1. functionloadJs(file){
  2.   varscriptTag=document.getElementById('loadScript');
  3.   varhead=document.getElementsByTagName('head').item(0);
  4.   if(scriptTag)head.removeChild(scriptTag);
  5.   script=document.createElement('script');
  6.   script.src="../js/mi_"+file+".js";
  7.   script.type='text/javascript';
  8.   script.id='loadScript';
  9.   head.appendChild(script);
  10. }
  11. functionloadCss(file){
  12.   varcssTag=document.getElementById('loadCss');
  13.   varhead=document.getElementsByTagName('head').item(0);
  14.   if(cssTag)head.removeChild(cssTag);
  15.   css=document.createElement('link');
  16.   css.href="../css/mi_"+file+".css";
  17.   css.rel='stylesheet';
  18.   css.type='text/css';
  19.   css.id='loadCss';
  20.   head.appendChild(css);
  21. }
复制代码

    相关阅读
    网友评论
    栏目导航
    推荐软件