给超链接加onclick事件
<a href="https://www.baidu.com" target="_blank" id="change">click</a>
<a href="javascript:void(0)" id="change">click</a>
<a href="#" id="change">click</a>
<a href=" " id="change">click</a>
- 给a标签绑定了点击事件,实际上会执行两个步骤:
- 页面跳转到指定的url
- 执行点击事件中的JavaScript代码
- 第一种情况:给href设置值为某个url那么会跳转到指定的url,并执行点击事件的代码
- 第二种情况:href的值设置为javascript:void(0) ,那么当用户点击链接时,void(0)计算为0,用户点击不会发生任何效果,不会跳转页面,而点击事件的代码会执行
- 第二种情况:href的值设置为#,那么点击的话会执行点击事件的代码,并且会跳转到页面顶端,注意页面不会刷新
- 第三种情况:href的值设置为空,那么点击链接会重新跳转到当前页面,实际上点击事件的代码执行了,但是页面重新刷新,相当于没有执行…