首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >具有静态HTML的通用页眉/页脚

具有静态HTML的通用页眉/页脚
EN

Stack Overflow用户
提问于 2009-01-06 22:50:15
回答 11查看 116.7K关注 0票数 83

有没有一种很好的方法可以用静态HTML/XHTML来创建在站点的每个页面上显示的通用页眉/页脚文件?我知道你显然可以使用PHP或服务器端指令来做到这一点,但是有没有什么方法可以做到这一点,而完全不依赖于服务器来为你缝合一切呢?

编辑:都是非常好的答案,这是我所期望的。HTML是静态的,句号。如果没有运行服务器端或客户端的东西,就没有真正的方法来改变这一点。我发现Server Side Includes似乎是我最好的选择,因为它们非常简单,不需要脚本。

EN

回答 11

Stack Overflow用户

回答已采纳

发布于 2009-01-06 23:16:15

有三种方法可以做你想做的事情

服务器脚本

这包括像php、asp、jsp这样的东西。但你对此说了不

服务器端包括

您的服务器正在提供页面,所以为什么不利用内置的server side includes呢?每台服务器都有自己的方法来实现这一点,请充分利用它。

客户端包括

这个解决方案让你在页面已经加载到客户端之后回调到服务器。

票数 37
EN

Stack Overflow用户

发布于 2013-12-18 16:51:22

JQuery load()函数可以用来包含常用的页眉和页脚。代码应该是这样的

<script>
    $("#header").load("header.html");
    $("#footer").load("footer.html");
</script>

你可以找到演示here

票数 36
EN

Stack Overflow用户

发布于 2009-01-06 23:01:27

你可以用javascript来做这件事,我不认为它需要那么花哨。

如果您有一个header.js文件和一个footer.js。

那么header.js的内容可能类似于

document.write("<div class='header'>header content</div> etc...")

记住在你正在写的字符串中输入escape any nested quote characters。然后,您可以使用以下命令从静态模板中调用它

<script type="text/javascript" src="header.js"></script>

footer.js也是如此。

注意:我不推荐这个解决方案-它是一个黑客,并有一些缺点(糟糕的搜索引擎优化和可用性只是初学者)-但它确实满足提问者的要求。

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/418503

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档