href 不得重新加载

Question

我正在测试以下链接：

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

但是，正如预期的那样，它会重新加载我的当前页面。我怎样才能防止它重新加载页面，但保持分配给它的 -a- 标签？

谢谢 ;）

原文由 gespinha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

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

原文由 MD Sayem Ahmed 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

只需在 href 中添加 javascript:void(0) 即可。

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

原文由 Jagadeesh 发布，翻译遵循 CC BY-SA 3.0 许可协议