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

这样做的一种方法是将标题内容保存在一个PHP文件中，也就是header.php。然后将您的网页保存为PHP文件（这不会破坏PHP文件可以处理HTML，Javascript和CSS的任何内容），并将此行添加到您希望添加标题的位置：

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

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

加载时加载额外的html

1 个答案: