w3-include-html使用相對路徑

Question

我想在子目錄的許多頁面中包含相同的標頭html。 我不想復制該頭文件。 在下面的示例代碼中，頭文件位於當前目錄和父目錄中。

該文件的相對路徑似乎不起作用，盡管javascript源的相對路徑也很好。

（如果我問了一個xy問題，並且從一開始就有更好的策略，請啟發我。）

<!-- 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的相關路徑，這就是第一個示例起作用而第二個示例不起作用的原因。

無論頁面在哪里，您都只需要使用第一個示例。