javascript - 链接文件夹中的 HTML 文件？

Question

我网页的重复部分放在一个单独的 HTML 文件中，并包含在使用这些部分(例如标题)的每个页面中。这样我只需要更改一次，每个页眉都会自动更新。这适用于站点根目录中的页面。但是，当我在文件夹中的页面上包含标题时，我必须将所有“example.html”链接更改为“../example.html”链接，以便它链接到父文件夹。当我这样做时，站点根目录中页面上的标题链接被破坏，因为它将搜索站点根目录的父文件夹中的文件。我希望只有一个头文件并在每个页面上使用它，无论它是在站点根目录还是在文件夹中。

我的解决方案是创建两个不同的头文件。其中一个具有“example.html”链接，可在站点根目录中的页面上使用，另一个具有“../example.html”链接，可在文件夹中的页面上使用。这是我目前唯一的解决方案，我认为当唯一的区别是每个链接前的“../”时，使用两个不同的文件是非常低效的。

问题:这真的是唯一的解决方案吗？

Answer 1

如果您的 URL 以前导斜杠开头，它们将相对于基本 URL，而不是相对于您当前页面的 URL。例如:

Current Page: http://example.com/about.html
Link:         <a href="/index.html">
Result Page:  http://example.com/index.html

Current Page: http://example.com/directory/about.html
Link:         <a href="/index.html">
Result Page:  http://example.com/index.html