44

我正在测试以下链接:

<a href="#">Link</a>

但是,正如预期的那样,它会重新加载我当前的页面。如何防止它重新加载页面,但保持分配给它的-a-标记?

谢谢 ;)

4

5 回答 5

73

如果您不希望它表现得像一个链接,那么不要使用链接标签。这样做会损害页面的可访问性,而您不希望这样。除了浏览器(想想屏幕阅读器)之外,还有其他浏览网站的方式,它依赖于页面元素的语义。span如果您只想应用样式,请使用 a 。

如果你仍然想使用锚,你可以使用这个 -

<a href="#" onclick="return false;">Link</a>

这将防止您的页面重新加载。

于 2013-09-04T04:48:22.690 回答
41

只需在 href 中添加 javascript:void(0) 你就会得到..

<a href="javascript:void(0)">Link</a>
于 2017-03-28T13:29:41.553 回答
6

我认为javascript:;也有效。

<a href="javascript:;">Link</a>
于 2018-12-06T10:19:53.927 回答
1

简单地不指定href属性:

<a>Link</a>

没有链接的href...

  • 单击时不会重新加载页面
  • 不会将光标更改为pointer悬停
  • 不会将文本样式更改为underlined
于 2021-04-05T14:09:09.277 回答
-1

如果您将# 放在href中,<a href="#"></a>则单击时链接将不会刷新或重新加载。

于 2021-12-24T11:58:07.850 回答