1. 以下这种写法,onclick 事件先执行, href 属性下的动作后执行(页面跳转或 javascript 伪链接),如果不想执行 href 属性下的动作,onclick 需要返回 false:
<a href="https://www.baidu.com/" οnclick="doSomething()">链接</a>
2. 如果实际应用中,确实需要 a 标签来响应 onclick 事件的,且不想执行 href 属性下的动作,推荐以下3种写法:
-> <a href="javascript:void(0)" οnclick="doSomething()">链接</a>
注释:javascript:void(0) 相当于一个死链接,href 不执行
-> <a href="https://www.baidu.com/" οnclick="doSomething();return false;">链接</a>
注释:onclick 返回 false,href 不执行
-> <a href="https://www.baidu.com/" οnclick="doSomething();event.returnValue=false;">链接</a>
注释:onclick 返回 false,href 不执行