javascript实现动态加载CSS
<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; }