js html阻止页面跳转的四种方式


阻止跳转四种方式

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM