gpt4 book ai didi

HTML 模板

转载 作者:行者123 更新时间:2023-11-28 01:51:19 34 4
gpt4 key购买 nike

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

这样的事情是否可能以某种方式实现?

最佳答案

你可以为此使用一点 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.htmlfooter.html 页面。但我认为这不是一种正确的模板化方式。

关于HTML 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19901936/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com