Question

我正在手动编辑大约60个html文件，并希望在每个文件中包含相同的页眉和页脚。出于维护目的，我希望能够根据需要同时更新所有页面上的页眉和页脚。我认为老式的方法是使用框架，新的框架是PHP。

问题是我需要维护网站的当前URL结构，并且所有当前页面都有.html扩展名，这似乎禁止使用PHP而不更改服务器设置。

我发现这个答案（Make header and footer files to be included in multiple html pages）建议使用jquery，但代码对我不起作用。

我是否因为每个页眉/页脚更新而手动编辑每个文件？

Answer 1

jQuery的load()函数可用于包含常见的页眉和页脚。代码应如下所示：

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

请查看以下网址以获取更多说明：

http://phpsmashcode.com/tips-and-tricks/include-common-files-in-html

或者您可以使用AJAX加载常见的页眉和页脚：

  $.get('header-menu.html', {}, function(response) { 
    $('div#nav').append(response);
  });

  $.get('footer.html', {}, function(response) { 
    $('div#footer').append(response);
  });

它会将页脚和标题分别加载到以下<div>中：

<div id="nav"></div>

<div id="footer"></div>

Answer 2

您也可以使用非技术性技术。例如，使用VSCode中的ADVANCED搜索替换工具（Ctrl + Shift + H或Edit→在文件中替换），然后在项目文件夹中的所有文件中查找需要更改的代码段（例如，页脚）。找到它后，将其替换为“全部替换”微型按钮。

如果要在项目结束时替换部分代码，可以在代码中添加一个markman标签。例如“ <footer>ChangeMeLater</footer>，然后，在项目结束时，使用搜索替换工具查找该标记，然后用已经完成的页脚进行更改。您甚至可以更改代码，包括空格并输入行，请注意如何定位代码/单词。

我知道这不是PHP，但是您可能会发现它很方便。

在多个html文件中包含相同的页眉和页脚

2 个答案: