用javascript(不带外部文件）将html加载到另一个html中

loading html into another html with javascript (without external files)

本文关键字：html 加载 另一个 文件 javascript 外部      更新时间：2024-03-10

我有一段代码，用来将外部文件加载到html中。我如何在不导入外部文件或任何库的情况下做到这一点，这样在html中我可以键入一个简短的脚本，它将加载另一个页面？到目前为止我使用这个脚本：

$(document).ready(function(){
        $('#outer').load('html_file.html');
});

但它需要有额外的文件+库。如何直接在html中完成所有操作？

有什么想法吗？

基本上，我想在新的网站中包含整个另一个网站，但我只能在html文件中使用html+javascript。所有css文件都将被存储并引用到导入的文件中。

使用此"html"：

<script type="text/javascript">
window.onload = function() {
    var xhr = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");
    xhr.open("GET", "html_file.html", false);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            document.getElementById("outer").innerHTML = xhr.responseText;
        }
    };
    xhr.send(null);
};
</script>
相关文章：