Question

我想知道是否可以设置某种HTML模板系统，基本上我有3个不同的文件： - header.html - footer.html - landing.html（landing.html是包含页面的主模板）

基本上我只希望别人编辑landing.html，当他们打开此文件时，应将header.html和footer.html插入此文件中。

所以header.html将是：

<!DOCTYPE>
<html>
    <head></head>
<body>

footer.html将是

</body>
</html>

和landing.html将包含显示页面的所有html，但所有这些都应该在没有任何形式的预处理或生成器的情况下完成，可以使用javascript完成，但我希望人们只需打开landing.html并将页眉和页脚插入其中。

这样的事情会以某种方式出现吗？

Answer 1

你可以使用小jQuery，

在 landing.html ：

$(document).ready(function(e) {

var header;
    $.get('header.html', function(data){
    header= data;
    $("body").prepend(header);
});
var footer;
    $.get('footer.html', function(data){
    footer= data;
    $("body").append(footer);
});

});

使用上述代码，您可以请求位于同一根目录中的 header.html 和 footer.html 页面。但我不认为这是一种正确的模板方式。

HTML模板

1 个答案: