【问题标题】:href # is not appending to end of URLhref # 未附加到 URL 的末尾
【发布时间】:2019-09-12 10:14:17
【问题描述】:

href # 没有附加到 URL 的末尾

我已经编写了其中一个锚标记具有href“#”的html页面。每当我单击它时,# 不会附加在浏览器中 URL 路径的末尾。相同的功能在不同的网站上工作。请建议..

<li class="nav-item d-md-down-none">
      <a class="nav-link" href="#">
        <i class="icon-location-pin"></i>
      </a>
    </li>

我目前的网址是"http://localhost:8080/add/AddDocument.html"

点击链接后我应该得到"http://localhost:8080/add/AddDocument.html#"

但我得到了这个"http://localhost:8080/add/#"

【问题讨论】:

  • 在其他条件相同的情况下,您不会得到这种行为。
  • 你是如何附加你的 href 的?你的 javascript 代码在哪里?
  • 不问你为什么想要这种行为,href="#" 实际上就是你想要的。您可能遇到了路由问题。
  • 您发布的代码在我的浏览器上运行良好。请在附加 href="#" 的位置发布代码。以及您使用的是哪个浏览器?
  • 您需要提供一个minimal reproducible example 来实际演示该问题。某些原因导致 URL 发生变化。也许是 JavaScript。也许是别的东西。该链接背后的建议将使您缩小范围。

标签: javascript html


【解决方案1】:

这个问题解决了。

我的 html 中存在 &lt;base href=”/”&gt; 标记,该标记在单击 href="#" 时正在加载替代 html 链接。

感谢您的所有帮助。

【讨论】:

    【解决方案2】:

    通常是链接到页面的一部分('#about')。如果它只是在那里而不是empty('#' vs. ''),它会阻止页面在点击时重新加载。

    通常,您可以这样定义它:

    <a href="#about"></a>
    <div id="about"></a>
    

    为了让您的href 有一个可点击的链接,即一个网址,通过放置主题标签符号,您将元素(图像、文本、视频等)称为href,如果网站链接不是仍然可用,或者如果它在同一页面中,您可以使用主题标签,后跟 id 名称。

    另外请检查您的路线。

    【讨论】:

    • 问题是询问一个特定的问题。您似乎根本没有解决这个问题,只是在散布一些关于在 URL 中使用 # 符号的随机事实。
    • 主题标签是一种指示纯文本中的术语应作为搜索术语超链接的方法(在社交媒体网络上)。它之所以得名,是因为它使用哈希字符作为前缀。大多数使用井号的事物(包括此处所问的内容)都不是井号标签。
    猜你喜欢
    • 2011-08-02
    • 2014-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-23
    • 1970-01-01
    相关资源
    最近更新 更多