法一：

<a href="javascript:void(0)">百度</a>

void是运算符，执行void后面的表达式，始终返回的是undefined.所以也可以写成

<a href="javascript:undefined">百度</a>

再简洁一些：

<a href="javascript:;">百度</a>

法二：用CSS控制 进阶

<a style="pointer-events:none;">百度</a>

pointer-events 更像是JavaScript，它能够：

  • 阻止用户的点击动作产生任何效果
  • 阻止缺省鼠标指针的显示
  • 阻止CSS里的 hover 和 active 状态的变化触发事件
  • 阻止JavaScript点击动作触发的事件