2

我想知道是否可以设置某种 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 并拥有页眉和页脚插入其中。

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

4

1 回答 1

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页面。但我认为这不是一种正确的模板方式。

于 2013-11-11T09:15:21.703 回答