Javascript 是否使用innerHTML属性显示另一个html文件的内容？

我试图将我的一个元素的innerHTML设置为另一个只显示纯文本的html文件的内容。这可能吗？我的想法如下，但很明显，它将直接将文本设置为该引号，而不是显示文件的内容

document.getElementById("myElement").innerHTML = "directory/file.html"

---

您可以执行

ajax

调用来获取文件内容，并在成功时将其放入html中

var xhr = typeof XMLHttpRequest != 'undefined' ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
xhr.open('get', 'directory/file.html', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) { 
        document.getElementById("myElement").innerHTML = xhr.responseText;
    } 
}
xhr.send();

或者使用jQuery，该方法为您创建：

$( "#myElement" ).load( "directory/file.html" );

---

您可以使用

iframe

标记：

<iframe id="myHtml" src="directory/file.html"></iframe>

如果您还想使用

innerHTML

从字符串显示html，则可以使用

iframe

的

srcdoc

属性（覆盖

src

属性）：

document.getElementById（'myHtml'）.srcdoc='一些HTML
'；

我建议你颠倒答案的建议顺序，因为OP没有在他的标签中添加jQuery:）你是对的，我是对的，但在我添加之前，这个问题甚至没有用javascript标记@BuzinasI还没有学习jQuery或Ajax，但看起来我即将学习。谢谢你的信息。这仅仅是不可能在html中完成的，还是太多的工作？很好，@baao，我没有看到他以前没有放javascript标记。对你的答案投了赞成票！：）哇，这比我用来附加模板的简单innerHTML调用要快。虽然另一个答案在技术上更正确，但这暂时更适合我的实现，谢谢！为什么这个答案在技术上不如另一个答案正确？我认为这一条也很简洁，在底线上做了同样的事情。那么，为什么要为这么简单的任务而使用ajax或jquery呢？

document.getElementById('myHtml').src = 'other_file.html';

document.getElementById('myHtml').srcdoc = '<div><p>Some HTML</p></div>';