javascript - 如何将 HTML 文件的内容导入到 <div> 中而不像对象一样？

Question

所以我目前正在将 HTML 文件导入 <div>像这样:

function load_content() {
    document.getElementById('content').innerHTML = '<object type="text/html" width="100%" height="100%" data="./content.html"></object>';
}

这有效，内容在页面上。但是，当我真的只想要 <div> 时，它就像它自己的对象一样，侧面有一个滚动条(几乎就像一个框架)。 s 在外部文件中显示在我正在导入的页面上，就像我在该页面上写的一样。

如果没有 jQuery，我该怎么做？

Answer 1

您可以使用 Ajax 请求，如下所示:

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() {
    if (this.readyState === 4) {
        if (this.status === 200 && this.responseText !== null) {
            document.getElementById("content").innerHTML = this.responseText;
        }
    }
};

xhr.open("GET", "content.html");
xhr.send();