阻止跳转常见的有下面四种方式:

1. <a href="javascript:;" onclick="action();">link</a>  

2. <a href="javascript:void(0);"  onclick="action();" >link</a> 

3. <a href="http://www.mamicode.com/###"  onclick="action();" >link</a> 

4. <a href="http://www.mamicode.com/#" onclick=" action(); return false;">link</a>   

事实上这四种方式都可以很正常的工作。

第1和第2中可以归为一类，使用javascript 伪协议，只要什么都不返回，那么浏览器将不会跳转

第3种比较有意思，它使用了一个锚点（跳转到id或name为##的位置），在浏览器中， 如果一个锚点不存在，那么也不会跳转

第4种是在执行onclick的最后处加上return false, 这样就阻止了浏览器执行默认行为 ，同样就阻止了跳转

尽量不要使用href="javascript:;" href="http://www.mamicode.com/###" ，而统一使用 onclick="return false;" ，这是安全的，也是体验最好的。

阻止跳转的四种方式，你知道吗？