a标签实现空链接(禁止跳转)

HTML5 发布时间:2023/04/24 阅读量:758 来源:优尚设计
所谓空链接,就是指鼠标指向链接后,鼠标变成手形,但是单击链接后,仍然停留在当前页面。

解决方案

当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法:

1:标签属性href,使其指向空或不返回任何内容。代码如下:

<a href="javascript:void(0);" >点此无反应javascript:void(0)</a>
<a href="javascript:;" >点此无反应javascript:</a>

2:标签事件onclick,阻止其默认行为。代码如下:

<a href="" onclick="return false;">return false;</a>
<a href="#" onclick="return false;">return false;</a>
文章标签:
微信
网站定制咨询 网站定制咨询