html을 자바 스크립트 (외부 파일 없음)로 다른 HTML에로드

Question

외부 파일을 html로로드하는 데 사용한 코드가 있습니다. 외부 파일이나 라이브러리를 가져 오지 않고 어떻게 할 수 있습니까? HTML 내에서 짧은 스크립트를 입력하면 다른 페이지가로드됩니다. 내가 지금까지이 스크립트를 사용

$(document).ready(function(){ 
     $('#outer').load('html_file.html'); 
}); 

을하지만 추가 파일 + 라이브러리를해야합니다. html로 직접 모든 것을 어떻게 할 수 있습니까?

아이디어가 있으십니까?

기본적으로 나는 새 웹 사이트에 전체 웹 사이트를 포함시키고 싶지만 html 파일 내에서만 HTML + javascript를 사용할 수 있습니다. 모든 css 파일은 가져온 파일에 저장되고 전달됩니다.

Answer 1

사용이 "HTML"

<script type="text/javascript"> 
window.onload = function() { 
    var xhr = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP"); 
    xhr.open("GET", "html_file.html", false); 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState === 4) { 
      document.getElementById("outer").innerHTML = xhr.responseText; 
     } 
    }; 
    xhr.send(null); 
}; 
</script>