Question

我有一段代码如下

<div>
<ul>
<li><a href="">Test1</a></li>
-------
-------
-------
<li><a href="">Test46</a></li>
</div>

显示带有46个链接的html页面。问题是，当我向下滚动并选择第46个或正好在其上方时，页面将再次回到顶部。为什么会发生这种情况，有没有办法阻止它？

Answer 1

href是空白的，这就是为什么它排在最前面。你可以使用它而不是保持空白：

<a href="javascript:void(0)">Test46</a>

Answer 2

href=""包含网址""，该网址是相对网址，解析为当前网页的网址＆＃34;。

当您点击链接时，浏览器会跟随它并转到当前页面。

正常情况下（否则没有任何特定指令），当它转到某个页面时，它从顶部开始。

如果您不想链接到该页面：为什么您首先使用链接？

如果你只想要一些东西来悬挂JavaScript，请改用按钮。

<button type="button">Test46</button>

您可以设置样式以删除默认的背景颜色和边框，并设置颜色方案以匹配链接的颜色方案（如果您希望它看起来像链接）。

Answer 3

href属性<a href="">中的空字符串表示在现代浏览器中转到当前页面。这基本上只是重新加载当前页面，因此它将返回到顶部。

防止出现问题的一种方法是使用href="javascript:void(0)"，如 @Manwal 所述，或者您只需完全删除href属性（请注意，在这种情况下，它不会显示为可点击的超链接）。