首页 > 一道面试题,在html中,如何防止链接跳转 ?

一道面试题,在html中,如何防止链接跳转 ?

1、<a href="javascript:;"></a>
2、<a href="####"></a>
3、<a href="javascript:void(0)"></a>
4、<a href="javascript:void(null)"></a>
5、<a href="#" onclick="return false"></a>
6、<a href="javascript:"></a> //这样也是可以的

上面有什么区别的,在实际工作中,哪一种最好?

为什么QQ用的是javascript:; ,而微博用的是javascript:void(0)

然后,我还有更进一步的疑问:JavaScript中语句最后的分号是可以缺省的,那为何要使用javascript:;而不是javascript:呢?

是习惯还是规范,求解


<a href="javascript:;"></a>  <!-- 我就说一句  “一直在用这个,一直没出过问题。”  -->

这些玩意 就是因为js太过于灵活。

除了 以下两个不推荐。别的都无所谓

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

关于:;和void(0)可以看下这个的介绍:http://www.jb51.net/article/37904.htm


用 a 是因为 a 元素自带 pointer
href用javascript不# 是因为点击事件同时会触发 a链接的跳转,所以#要return false;阻止跳转
而用javascript把链接诠释成了js 就不会跳了,至于 void(0), void(null) 和 :; , : 我就不知道了。
我只用 :;
好像问题最多的是 ie6 的情况下


应该说,哪种简单用哪种!
另外,并不是说JavaScript的;都可以省略,只是句尾的可以省略。


void 是运算符,对任何值都返回undefined;下面几种写法是相同的

<a href="javascript:;"></a>
<a href="javascript:void(0)"></a>
<a href="javascript:void(null)"></a>
<a href="javascript:"></a> //这样也是可以的
【热门文章】
【热门文章】