동적으로 자바 스크립트를 사용하여 페이지 끝에 js 파일을 추가 하시겠습니까?

Question

</body> 태그 앞에 페이지 하단에 하나의 js 파일을 추가하고 싶습니다.

하나의 형식을 시도 중입니다. 하지만 제대로 작동하지 않습니다.

내 코드

var url = 'sample.js'; 
var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = url; 
document.getElementsByTagName('body')[0].appendChild(script); 

하지만 그 작동하지 않습니다.

지금 내가

var x = document.getElementsByTagName('body'); 
alert(x.length); 

의 쇼 내가이 페이지의 내 하단에 파일 JS 추가 할 수있는 방법

0을 확인합니다. 조언 해주십시오

Answer 1

머리 부분에이 코드를 쓰고 있으며 body 요소가 아직 만들어지지 않았습니다. 이것이 오류의 유일한 이유입니다. 본문 요소를 만든 후에이 코드를 보관하십시오.

Answer 2

는 this 코드는 null을 얻을 첫번째 alert 경우

var body = document.body; 
alert("Body when page loading: " + body); 
document.addEventListener("DOMContentLoaded", function() { 
    var bodyLoaded = document.body; 
    alert("Body when page loaded: " + bodyLoaded); 
    var url = "http://code.jquery.com/jquery-1.10.2.min.js"; 
    var script = document.createElement('script'); 
    script.type = "text/javascript"; 
    script.src = url; 
    script.onload = function(){ 
     var testP = $("<p></p>"); 
     testP.html("JQuery worked"); 
     $(document.body).append(testP); 
    } 
    bodyLoaded.appendChild(script); 
}); 

를 참조하십시오. 하지만 두 번째 (시체를로드 할 때)는 HTMLBodyElement이됩니다. 본문이로드되기 전에 머리에 본문을 추가하려고하면 실수입니다.