如何阻止<a>标签的页面跳转

当页面中a标签不需要执行任何页面跳转行为时:

  1、标签属性href,使其指向空或不返回任何内容

      <a href="javascript:void(0);" >页面不跳转</a>

      <a href="javascript:;" >页面不跳转</a>

  2、标签事件onclick,阻止其默认行为

      <a href="" onclick="return false;">页面不跳转</a>

      <a href="#" onclick="return false;">页面不跳转</a>

  在HTML代码中,当onclick事件的返回值为false时,那么该处的默认行为将不会执行。这里的默认行为是指没有Onclick事件时原本的行为。

原文地址:https://www.cnblogs.com/java-zmj/p/7805795.html