阻止跳转常见的有下面四种方式:
1. <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;" ,这是安全的,也是体验最好的。
时间: 2024-10-29 03:49:32