js控制的链接href值用“javascript:void(0)”还是“#”?

前台喵小野
  • 331

看到有的人用#号有的人用javascript:void(0);

据说处女座都是用javascript:void(0);因为导航栏不回被影响。

但是#敲起来更快啊!

回复
阅读 4.4k
6 个回答

首先在产品阶段不推荐使用任何一种做法,因为无论哪种做法都会让状态栏显示无意义的链接。不写href并应用样式cursor:pointer为佳。

如果面向现代浏览器的话,在测试阶段可以尝试使用双井号<a href="##">此时用户点击不会滚动到顶部。
记得还有个三井号###用法,想不起来在哪看的了,等菊苣填坑。

双井号和三井号效果见下fiddle
http://jsfiddle.net/Gerhut/mvu31zwd/

justjavac
  • 47.7k
vczhan
  • 2.6k

#没关系 e.preventDefault()就行了

 $('body').on('click', 'a[href="#"]', function(e) {
    e.preventDefault();
});

先赞个 @justjavac 引用的帖了……再顺便说一下,我比较喜欢用 javascript:;,没啥理由,就是不会影响 location.href,又比 javascript:void(0) 少写几个字……至于可能有其它坑的话……反正现在没遇到,先不管。

废客泉
  • 2
新手上路,请多包涵

推荐用 href="javascript:;"

宣传栏