javascript - 使用 innerHTML 属性显示另一个 html 文件的内容？

Question

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

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

Answer 1

您可以执行 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，load()方法是为你准备的:

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