使用相对路径的w3-include-html

Question

我想在子目录中的许多页面中包含相同的标题html。我不想复制那个头文件。在下面的示例代码中，头文件位于当前目录和父目录中。

该文件的相对路径似乎不起作用，尽管javascript源的相对路径很好。

（如果我问过x-y question并且从一开始就有更好的策略，请赐教。）

<!-- this works:-->
<div w3-include-html="header.html"></div>
<!-- this fails-->
<!-- <div w3-include-html="../header.html"></div>-->

<script src="../w3-include-HTML.js"></script>

Answer 1

它正在使用w3-include-HTML.js的相关路径，这就是为什么第一个例子有效而不是第二个例子。

无论页面在哪里，您都应该只使用第一个示例。