阻止页面跳转的四种方式

发布时间:2020-12-25编辑:脚本学堂
有关阻止页面跳转的四种方式,应避免使用href="javascript:;" href="###" ,而统一使用 onclick="return false;",如何阻止跳转,参考下这里的四种方法吧。

阻止跳转四种方式:

方法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;",安全且体验性好。