时间戳

首页 > 解决方案 > 将链接添加到页面上的某个部分，但单击链接时页面正在重新加载

html - 将链接添加到页面上的某个部分，但单击链接时页面正在重新加载

问题描述

我正在添加一个带有引用同一页面上 div 的 href 的锚标记。该链接应将焦点移至通过赋予 href 属性的 ID 所引用的 div。页面没有移动焦点，而是重新加载。当我在 Chrome 开发人员工具中检查链接 href 时，缺少部分 url。例如，对于下面的代码，如果完整的 URL 是 https://awebsitename/somesection/someidentifier，则调试器中的 href 认为链接应该是 https://awebsitename/#mainCont。

<a href="#mainCont">Jump to main content</a>

<div id="mainCont">Main Content Here</div>

这个jsfiddle上的“跳转到主要内容”链接可以正常工作。我的网站不会以同样的方式工作。

标签： html

解决方案

href这可能是由于基本标签：

<base href="/">

<a href="#mainCont">Jump to main content</a>
<div id="mainCont">Main Content Here</div>

推荐阅读