阻止跳转四种方式

 

<a href="Javascript:;" onclick="action();">link</a>

方法2：

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

方法3：

<a href="###"  onclick="action();" >link</a>

方法4：

<a href="#" onclick=" action(); return false;">link</a>

以上四种方式均可以正常工作。

用法说明：
第1和第2中可以归为一类，使用Javascript 伪协议，只要什么都不返回，那么浏览器将不会跳转。
第3种使用了一个锚点（跳转到id或name为##的位置），在浏览器中， 如果一个锚点不存在，那么也不会跳转。
第4种是在执行onclick的最后处加上return false, 这样就阻止了浏览器执行默认行为 ，同样就阻止了跳转。

注意，应避免使用href=”Javascript:;” href=”###” ，而统一使用 onclick=”return false;”，安全且体验性好。