具有不同目录的导航栏链接
Navbar links with varying directory
我的目录是这样的
image
为了在不同的 html 文件之间使用我的导航栏,我将其制作成一个单独的 html 文件并使用占位符将其插入到我需要的位置。问题是现在 links 被扔掉了。
例如:当我在索引文件上时,link <a href="index.html"></a>
没有问题。但是,当我在 about_us 文件中时,link <a href="index.html"></a>
会抛出无法在目录中找到的错误,因为它需要 link 前面的 ../
。
我的任何 javascript 也不适用于 nav.html。
有什么建议么?有没有办法创建 links 并从根目录启动目录?
要导航到正确的 HTML 文件,您必须传递 HTML 文件的完整路径。
例如:如果您的应用程序在 https://localhost:8080
中是 运行,那么您必须按以下方式传递完整路径:
<a href="http://localhost:8080/root/index.html">Home</a>
<a href="http://localhost:8080/root/html-files/about_us.html">About Us</a>
或者如果您直接在浏览器中打开 HTML 文件而不使用任何服务器,则传递项目文件夹的完整路径,如下所示:
<a href="file:///C:/Users/.../your-project-name/root/index.html">Home</a>
<a href="file:///C:/Users/.../your-project-name/root/html-files/about_us.html">About Us</a>
注意:始终使用带连字符 -
或下划线 _
.
的文件或文件夹名称
例如:将您的文件夹名称重命名为 html_files
或 html-files
。
而不是 html files
我的目录是这样的 image
为了在不同的 html 文件之间使用我的导航栏,我将其制作成一个单独的 html 文件并使用占位符将其插入到我需要的位置。问题是现在 links 被扔掉了。
例如:当我在索引文件上时,link <a href="index.html"></a>
没有问题。但是,当我在 about_us 文件中时,link <a href="index.html"></a>
会抛出无法在目录中找到的错误,因为它需要 link 前面的 ../
。
我的任何 javascript 也不适用于 nav.html。
有什么建议么?有没有办法创建 links 并从根目录启动目录?
要导航到正确的 HTML 文件,您必须传递 HTML 文件的完整路径。
例如:如果您的应用程序在 https://localhost:8080
中是 运行,那么您必须按以下方式传递完整路径:
<a href="http://localhost:8080/root/index.html">Home</a>
<a href="http://localhost:8080/root/html-files/about_us.html">About Us</a>
或者如果您直接在浏览器中打开 HTML 文件而不使用任何服务器,则传递项目文件夹的完整路径,如下所示:
<a href="file:///C:/Users/.../your-project-name/root/index.html">Home</a>
<a href="file:///C:/Users/.../your-project-name/root/html-files/about_us.html">About Us</a>
注意:始终使用带连字符 -
或下划线 _
.
例如:将您的文件夹名称重命名为 html_files
或 html-files
。
html files