微客导航 » 文章资讯 » javascript实现动态加载CSS

javascript实现动态加载CSS

2024-04-04 18:20:04 418


<scripttype="text/javascript">

           functionaddStyle(stylePath){

               varcontainer=document.getElementsByTagName("head")[0];

               varaddStyle=document.createElement("link");

               addStyle.rel="stylesheet";

               addStyle.type="text/css";

               addStyle.media="screen";

               addStyle.href=stylePath;

               container.appendChild(addStyle);

           }

           addStyle('http://www.xxx.com/wintys/dynamic.css');

</script>

JS写的函数，用来控制JS文件的动态加载，也就是在需要的时候才加载JS文件，同时还可加载CSS文件，这样就可实现网页换肤，这觉得这个函数写的不错，认真的看下，自己在完善下，还是相当不错的。


function$import(path,type,title){

vars,i;

if(!type)type=path.substr(path.lastIndexOf(".")+1);

if(type=="js"){

   varss=document.getElementsByTagName("script");

   for(i=0;i<ss.length;i++){

       if(ss[i].src&&ss[i].src.indexOf(path)!=-1||ss[i].title==title)returnss[i];

   }

   s=document.createElement("script");

   s.type="text/javascript";

   s.src=path;

   if(title)s.title=title;

}

elseif(type=="css"){

   varls=document.getElementsByTagName("link");

   for(i=0;i<ls.length;i++){

       if(ls[i].href&&ls[i].href.indexOf(path)!=-1||ls[i].title==title)returnls[i];

   }

   s=document.createElement("link");

   s.rel="stylesheet";

   s.type="text/css";

   s.href=path;

   if(title)s.title=title;

   s.disabled=false;

}

elsereturn;

varhead=document.getElementsByTagName("head")[0];

head.appendChild(s);

returns;

}

返回顶部
3162201930
czq8825@qq.com

javascript实现动态加载CSS

热门推荐

随机推荐