Question

我在某个项目工作，我有很多侧边菜单，有很多页面，我不想在所有页面上一直改变它，但我也不是真想用php include（）函数。

好吧，我去了用html5导入。它确实有效，但我有一个问题。我的index.html位于根文件夹中，但是根目录/ pages文件夹中的users.html。那么..当它去那里它导入与index.html相同的菜单，但那是错的。因为链接被破坏了。例如，之后我无法访问index.html，因为我需要../index.html，而是它编写了index.html 这是我用来导入文件

var doc= document.querySelector('link[rel="import"]').import;
var text = doc.querySelector('template');
var clone = document.importNode(text.content, true);
var loc = window.location.pathname;
var dir = loc.substring(0, loc.lastIndexOf('/'));
console.log(dir);
document.querySelector('.sidebar-menu').appendChild(clone);

Answer 1

如果您将侧边栏中的链接更改为绝对路径而不是相对路径，则它应该可以在任何页面中工作。而不是：

<a href="index.html">Home</a>

使用它：

<a href="/index.html">Home</a>

确切的绝对路径可能会有所不同，具体取决于您使用的是/public文件夹等，但是一旦您使用它们，它们就可以在您的应用中的任何页面上使用。

使用侧边栏菜单

1 个答案: