href不得重新加载

ges*_*nha 30 html hyperlink

我正在测试以下链接:

<a href="#">Link</a>
Run Code Online (Sandbox Code Playgroud)

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

谢谢 ;)

MD *_*med 53

如果您不希望它的行为类似于链接,则不要使用链接标记.这样做会损害页面的可访问性,而您却不希望如此.除了浏览器之外,还有其他浏览网站的方式(想想屏幕阅读器),这依赖于页面元素的语义.使用span,如果你只是想应用样式.

如果您仍想使用锚点,可以使用此 -

<a href="#" onclick="return false;">Link</a>
Run Code Online (Sandbox Code Playgroud)

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


Jag*_*esh 29

只需在href中添加javascript:void(0)即可获得..

<a href="javascript:void(0)">Link</a>
Run Code Online (Sandbox Code Playgroud)


Si7*_*ius 7

我认为javascript:;也有效。

<a href="javascript:;">Link</a>
Run Code Online (Sandbox Code Playgroud)