【问题标题】:Navbar links with varying directory具有不同目录的导航栏链接
【发布时间】:2021-12-13 22:26:50
【问题描述】:

我的目录是这样的 image

为了在不同的 html 文件之间使用我的导航栏,我将它制作成一个单独的 html 文件并使用占位符将其插入到我需要的地方。问题是现在链接被扔掉了。 例如:当我在索引文件上时,链接<a href="index.html"></a> 可以正常工作。但是,当我在 about_us 文件中时,链接 <a href="index.html"></a> 会引发无法在目录中找到错误,因为它需要在链接前面出现 ../。 我拥有的任何 javascript 也不适用于 nav.html。 有什么建议?有没有办法创建链接并从根目录启动?

【问题讨论】:

    标签: html directory hyperlink


    【解决方案1】:

    要导航到正确的 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_fileshtml-files,而不是 html files

    【讨论】:

      猜你喜欢
      • 2019-09-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-12
      • 2018-03-25
      相关资源
      最近更新 更多