javascript - javascriptを使用してhtmlを別のhtmlにロードする（外部ファイルなし）

Question

外部ファイルをhtmlにロードするために使用したコードがあります。外部ファイルやライブラリをインポートせずにそれを行うにはどうすればよいので、html 内に短いスクリプトを入力すると、別のページが読み込まれますか? 私はこれまでこのスクリプトを使用しています：

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

ただし、追加のファイルとライブラリが必要です。すべてをhtmlで直接行うにはどうすればよいですか?

何か案は？

基本的には、別の Web サイト全体を新しい Web サイトに含めたいのですが、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>