HTTPRequest 구문 구문

Question

페이지를로드하면 브라우저가 자동으로 스타일 시트 및 기타 리소스를 가져 오기 위해 HTTP 요청을 보냅니다.

XMLHttpRequest가 아닌 스타일 시트를 수동으로 가져 오는 방법이 있습니까? 나는 양식을 만들지 않을거야. 비동기 적으로 페이지로 이동하려고하고 스타일 시트가로드되지 않습니다. 단지 innerHTML을 변경하면됩니다.

제 3 자 라이브러리를 사용하지 않으므로 jQuery 등을 사용하는 답변을 제공하지 마십시오.

Answer 1

이 코드는 DOM에 링크를 또는 스크립트를 추가하여 CSS/JS 파일을로드, 그래서 나는 즉시 DOM 새로운 요소 변경으로 파일을 다운로드 가정합니다.

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