意外的html锚重定向

时间:2017-01-04 10:11:36

标签: html hyperlink anchor markup

我目前正在开发一个大型项目(并且我不详细了解整个代码库),我只是偶然发现了一些我无法理解的内容,希望有人可以添加一些建议。

在我的项目中,我们使用"顶部" -anchor轻松地从下到上(没什么特别的)。但由于某些原因,它不会像我期望的那样工作。想象一下这样的URL:http://example.com/foo和以下html:



<header id="top">top</header>
<div style="height: 2000px"></div>
<a href="#top">Click me</a>
&#13;
&#13;
&#13;

从理论上讲,这样可以正常工作并前往http://example.com/foo#top而无需重新加载网站,但在我的项目中,它会重定向到http://example.com/#top

我无法看到Javascript制作的任何可能拦截点击事件的EventListener。有没有人得到一些可能是错误的提示(或者我只是想念)?

1 个答案:

答案 0 :(得分:0)

感谢@AmrElgarhy,我会在这里回答我自己的问题。

这是因为HTML代码中的<base>元素。 对于我的解决方案,我无法删除此节点,但我要以编程方式将request-uri添加到我的&#34; to-top&#34; -anchor:

<header id="top">top</header>
<div style="height: 2000px"></div>
<a href="{{ request.uri }}#top">Click me</a>

{{ request.uri }}将包含/foo或类似内容。