javascript - 如何将我的网站页眉和页脚存储在一个位置？

Question

我总是重写我的页眉和页脚，每次编辑我都必须手动将所有代码复制并粘贴到网页中。显然这是错误的方法，但我不确定正确的方法。我目前的想法是有一个“页眉”和“页脚”div，然后使用 jquery 的 $(document).ready 加载带有代码的 div。恐怕它会很慢，因为它在执行页眉/页脚代码之前等待整个页面呈现。处理此问题的常用方法是什么？

Answer 1

听起来您需要一些服务器端技术。您选择哪一个(众多选项中的一个)取决于您和您的主机。您的主机很可能会支持 PHP 和 SSI(服务器端包括)。

在最简单的设置中，基本上将通用代码放入单独的文件中，比如说 header.inc 和 footer.inc。这些文件的名称或扩展名是什么并不重要。

对于 PHP，您的页面现在应该是 *.php 而不是 *.html 并且您需要编写以下代码:

<?php include('header.inc'); ?>
<p>
    Here is your regular document.
</p>
<?php include('footer.inc'); ?>

对于 SSI，您不必更改文件名，您的代码将如下所示:

<!--#include virtual="header.inc" -->
<p>
    Here is your regular document.
</p>
<!--#include virtual="footer.inc" -->