코드 복사 코드는 다음과 같습니다. <br> 기능 addStyle(stylePath) {<br> var 컨테이너 = document.getElementsByTagName("head")[0];<br> var addStyle = document.createElement("link");<br> addStyle.rel = "stylesheet";<br> addStyle.type = "text/css";<br> addStyle.media = "화면";<br> addStyle.href = stylePath;<br> 컨테이너.appendChild(addStyle);<br> }<br> addStyle('http://www.xxx.com/wintys/dynamic.css');<br> <br> </div> <p>JS로 작성된 함수는 JS 파일의 동적 로딩을 제어하는 데 사용됩니다. 즉, JS 파일은 필요할 때만 로드되고 CSS 파일도 로드할 수 있으므로 웹 페이지를 다시 스킨할 수 있는 기능이라고 생각합니다. , 잘 작성되었습니다. 자세히 살펴보면 개선에도 불구하고 여전히 꽤 좋다는 것을 알 수 있습니다. </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="14693" class="copybut" id="copybut14693" onclick="doCopy('code14693')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code14693"> <br> 함수 $import(경로, 유형, 제목){ <br> var s,i <br> if(!type) type=path.substr(path.lastIndexOf(".") 1) <br> if(type=="js"){ <br> var ss=document.getElementsByTagName("스크립트") <br> for(i=0;i<ss.length></ss.length> If(ss[i].src && ss[i].src.indexOf(path)!=-1 || ss[i].title==title)return ss[i]; } <br> s=document.createElement("스크립트") <br> s.type="text/javascript" <br> s.src=경로 <br> If(제목) s.title=제목 <br> }<br> else if(type=="css"){ <br> var ls=document.getElementsByTagName("링크") <br> for(i=0;i<ls.length></ls.length> If(ls[i].href && ls[i].href.indexOf(path)!=-1 || ls[i].title==title)return ls[i]; } <br> s=document.createElement("링크") <br> s.rel="스타일시트" <br> s.type="텍스트/css" <br> s.href=경로 <br> If(제목) s.title=제목 <br> s.disabled=false <br> } <br> 그렇지 않으면 <br> var head=document.getElementsByTagName("head")[0]; head.appendChild(들) <br> 반환 <br> }<br> <br><br> </div>
