Javascript는 CSS_javascript 기술의 동적 로딩을 구현합니다.

코드 복사 코드는 다음과 같습니다. 기능 addStyle(stylePath) { var 컨테이너 = document.getElementsByTagName("head")[0]; var addStyle = document.createElement("link"); addStyle.rel = "stylesheet"; addStyle.type = "text/css"; addStyle.media = "화면"; addStyle.href = stylePath; 컨테이너.appendChild(addStyle); } addStyle('http://www.xxx.com/wintys/dynamic.css');

JS로 작성된 함수는 JS 파일의 동적 로딩을 제어하는 데 사용됩니다. 즉, JS 파일은 필요할 때만 로드되고 CSS 파일도 로드할 수 있으므로 웹 페이지를 다시 스킨할 수 있는 기능이라고 생각합니다. , 잘 작성되었습니다. 자세히 살펴보면 개선에도 불구하고 여전히 꽤 좋다는 것을 알 수 있습니다.

코드 복사 코드는 다음과 같습니다. 함수 $import(경로, 유형, 제목){ var s,i if(!type) type=path.substr(path.lastIndexOf(".") 1) if(type=="js"){ var ss=document.getElementsByTagName("스크립트") for(i=0;i If(ss[i].src && ss[i].src.indexOf(path)!=-1 || ss[i].title==title)return ss[i]; } s=document.createElement("스크립트") s.type="text/javascript" s.src=경로 If(제목) s.title=제목 } else if(type=="css"){ var ls=document.getElementsByTagName("링크") for(i=0;i If(ls[i].href && ls[i].href.indexOf(path)!=-1 || ls[i].title==title)return ls[i]; } s=document.createElement("링크") s.rel="스타일시트" s.type="텍스트/css" s.href=경로 If(제목) s.title=제목 s.disabled=false } 그렇지 않으면 var head=document.getElementsByTagName("head")[0]; head.appendChild(들) 반환 }