aademeng

阻止跳转四种方式

 

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

分类:

技术点:

相关文章:

  • 2022-02-08
  • 2021-07-04
  • 2021-12-31
  • 2021-12-31
  • 2021-12-31
  • 2021-12-31
  • 2021-12-31
猜你喜欢
  • 2021-10-06
  • 2021-06-11
  • 2021-12-05
  • 2021-10-07
  • 2022-12-23
  • 2021-12-31
  • 2022-12-23
相关资源
相似解决方案