有时候我们经常会用到空链接,空链接又叫伪链接,点击以后不会跳转到或打开其他页面,可以隐藏链接地址,而且像点击链接弹出信息之类的也必须使用空链接,否则用户一点击就跳到其他页面去了。
通常来说空链接是用<a href=“#”>提示文字</a>这样的形式做的,这样做的弊端在于,如果你的链接在页面底部,那么点击后,页面会直接返回到顶部,像Discuz!等网页程序通过base定义了基础链接目标的,使用#作空链接的链接点击后仍然会在新窗口中弹出当前页面,这就没有实现空链接,有时候甚至非常讨厌。其实,你可以通过以下几中方法可以防止上面情况的发生,以实现链接绝对"空"的目的:
- 将<a href=“#”>提示文字</a>改为<a href=“javascript:;”>提示文字</a> ,
- 将<a href==“#”>提示文字</a>改为<a href="javascript:void(0);">提示文字</a>
- 将<a href=“#”>提示文字</a>改为<a href=“####”>提示文字</a>
- 将<a href=“#”>提示文字</a>改为<a href=“#” onclick="return false;">提示文字</a>
如果实在不需要连接,而只是想让访客觉得这是一个链接,那么你也可以将href=“#”彻底去掉,用<a style="cursor:pointer">代替,不过这样做在非IE内核浏览器中将光标停在链接上时可能不会显示手型指针。解决方法就是用span替换a,代码:<span style="cursor: pointer; text-decoration:underline; color:blue;">提示文字</span>,其中cursor是定义鼠标样式,text-decoration是定义链接下划线,color定义字体颜色。通常来说链接都是蓝色的。当然你也可以自己修改为你的网页中的定义的链接颜色。这样一来,访客看到的就是一个地道的链接。然而它并不是链接。 |