javascript - 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 的相关路径，这就是第一个示例有效但第二个示例无效的原因。

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