javascript - 加载时加载额外的 html

Question

对于我的网站，我有一个用 html 编写的标题，但我不想将其复制并粘贴到每个页面中。有没有一种方法可以在页面加载时加载它？我尝试使用这个:

$(document).ready(function(){
    $.get("injections.html", function(data) {
        var sites = ["header", "footer"];
        console.log(sites);
        for (var i = 0; i < sites.length; i++){
            console.log(i);
            site = sites[i];
            //console.log(site);
            console.log(site);
            if ($("#inject" + site).length) {
                console.log(site);
                $("#inject" + site).replaceWith($(data).find("#inject" + site).contents());
            }
        }
    });
});

但在 Firefox 中，它仅在 Firefox 中加载文本，而在 Chrome 中则不加载任何内容。有谁知道如何修复我的代码，或者更好的方法？

Answer 1

实现此目的的一种方法是将 header 内容保存在一个位置，即将 header html 代码保存在 PHP 文件(可能是 header.php)中。然后将您的网页另存为 PHP 文件(这不会破坏任何内容，因为 PHP 文件可以处理 HTML、Javascript 和 CSS)，并在您想要添加 header 的位置添加此行:

<?php include 'header.php'; ?>

这将添加此时 header.php 的内容。然后，如果您需要更改 header 代码，您所需要做的就是更改 header.php，因为所有网页都指向该文件。