有没有一种很好的方法可以用静态HTML/XHTML来创建在站点的每个页面上显示的通用页眉/页脚文件?我知道你显然可以使用PHP或服务器端指令来做到这一点,但是有没有什么方法可以做到这一点,而完全不依赖于服务器来为你缝合一切呢?
编辑:都是非常好的答案,这是我所期望的。HTML是静态的,句号。如果没有运行服务器端或客户端的东西,就没有真正的方法来改变这一点。我发现Server Side Includes似乎是我最好的选择,因为它们非常简单,不需要脚本。
发布于 2009-01-06 23:16:15
有三种方法可以做你想做的事情
服务器脚本
这包括像php、asp、jsp这样的东西。但你对此说了不
服务器端包括
您的服务器正在提供页面,所以为什么不利用内置的server side includes呢?每台服务器都有自己的方法来实现这一点,请充分利用它。
客户端包括
这个解决方案让你在页面已经加载到客户端之后回调到服务器。
发布于 2013-12-18 16:51:22
JQuery load()函数可以用来包含常用的页眉和页脚。代码应该是这样的
<script>
$("#header").load("header.html");
$("#footer").load("footer.html");
</script>
你可以找到演示here
发布于 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也是如此。
注意:我不推荐这个解决方案-它是一个黑客,并有一些缺点(糟糕的搜索引擎优化和可用性只是初学者)-但它确实满足提问者的要求。
https://stackoverflow.com/questions/418503
复制相似问题