하나는, 그것은 의미 코드에서 제안 DOM 메서드를 사용하여 먼저 새로운 "SCRIPT"또는 "LINK"요소를 만들고 적절한 특성을 할당 한 다음 element.appendChild()를 사용하여 요소를 문서 트리의 원하는 위치에 추가합니다. 그것은 실제보다 훨씬 더 화려하게 들립니다. 모두가 함께 오는 방법을 볼 수 있습니다 :
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
을 당신은 당신이 사용하는 실제 js
코드를 제공하지 않은 것처럼, 분명, 자신의 코드에이 적응해야합니다. 하지만 기본적으로 2 URL
을 얻을 때 loadjscssfile()
함수를 두 번 호출해야합니다.