Gmail이 리소스를로드하는 것과 같습니다.

Question

Gmail과 같은 js & css 파일을로드하려고하는데이 튜토리얼이 있지만이 방법은 js 파일 http://yensdesign.com/tutorials/loadingbars/에서만 작동합니다. 그래서 어떤 생각을 어떻게 CSS를 위해 그것을 할 수 ?? thx

Answer 1

다음은 CSS와 Javascript 모두에서 작동하는 구현입니다. 예를 들어 막대 그래프를 작성한 것과 같이 끝내기 만하면됩니다.

function loadjscssfile(filename, filetype){ 
if (filetype=="js"){ //if filename is a external JavaScript file 
    var fileref=document.createElement('script') 
    fileref.setAttribute("type","text/javascript") 
    fileref.setAttribute("src", filename) 
} 
else if (filetype=="css"){ //if filename is an external CSS file 
    var fileref=document.createElement("link") 
    fileref.setAttribute("rel", "stylesheet") 
    fileref.setAttribute("type", "text/css") 
    fileref.setAttribute("href", filename) 
} 
if (typeof fileref!="undefined") 
    document.getElementsByTagName("head")[0].appendChild(fileref) 
} 

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file 
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file 
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file 

출처 : http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml