Javascript 如何将HTML文件的内容导入<；部门>；没有它像一个物体？

因此，我目前正在将一个HTML文件导入

，如下所示：

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

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();

函数加载\u内容（）{
document.getElementById（'content'）。innerHTML=''；
}

这就行了，内容就在页面上。但是，它的行为就像它自己的对象，旁边有一个滚动条（几乎像一个框架），而实际上我只希望外部文件中的

显示在我导入的页面上，就像我在该页面上写的一样

在没有jQuery的情况下，如何执行此操作？

您可以使用jQuery方法插入远程文件中的特定内容：

与$.get（）不同，.load（）方法允许我们指定要插入的远程文档的一部分。这是通过url参数的特殊语法实现的。如果字符串中包含一个或多个空格字符，则假定第一个空格后面的字符串部分是确定要加载内容的jQuery选择器

比如说,

$("#result").load( "ajax/test.html #container" );

---

ID为container in

test.html

的元素及其内容将被插入ID为result的元素中。您可以使用Ajax请求，如下所示：

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

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();

---

为什么不使用AJAX呢？与论坛网站不同，我们不使用“谢谢”或“感谢任何帮助”或签名。请参阅。这是一个CSS布局问题。

content.html

是否包含整个文档（

。

）或只是要插入内容的模板？@t-j只是一个模板！但是，有没有一种方法可以在没有jQuery的情况下做到这一点？