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

Question

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

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

但是#敲起来更快啊！

Answer 1

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

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

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

Answer 2

以上两种都不建议。

（占个位，晚上答。）

---

晚上登陆上来一看，居然被踩了，还是不答了。

---

找到一个类似的 http://segmentfault.com/q/1010000000339082

Answer 3

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

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

Answer 4

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

Answer 5

第6点： http://www.cnblogs.com/p2227/p/3595409.html

Answer 6

推荐用 href="javascript:;"