javascript - 使用 javascript 将 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>