文章/答案/技术大牛

发布

社区首页 >问答首页 >我怎样才能把一个超文本标记语言文件的内容导入到一个<div>中而不把它当作一个对象呢？

问我怎样才能把一个超文本标记语言文件的内容导入到一个<div>中而不把它当作一个对象呢？
EN

Stack Overflow用户

提问于 2014-09-27 23:53:12

回答 2查看 82关注 0票数 0

因此，我目前正在将一个超文本标记语言文件导入到<div>中，如下所示：

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

这样就行了，内容就在页面上。但是，它的行为就像它自己的对象，侧面有一个滚动条(几乎就像是一个框架)，而实际上我只是想让外部文件中的<div>显示在我导入的页面上，就像我在该页面上写的一样。

没有jQuery，我怎么能做到这一点？

css

javascript

html

回答 2

Stack Overflow用户

发布于 2014-10-10 07:25:37

您可以使用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();

票数 2

Stack Overflow用户

发布于 2014-09-28 02:29:47

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

与$.get()不同，

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

例如,

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

test.html内ID为container的元素及其内容将被插入ID为result的元素中

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26076435

复制

相似问题

问我怎样才能把一个超文本标记语言文件的内容导入到一个<div>中而不把它当作一个对象呢？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能把一个超文本标记语言文件的内容导入到一个<div>中而不把它当作一个对象呢？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能把一个超文本标记语言文件的内容导入到一个<div>中而不把它当作一个对象呢？
EN