给超链接加onclick事件

给超链接加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标签绑定了点击事件,实际上会执行两个步骤:
    1. 页面跳转到指定的url
    2. 执行点击事件中的JavaScript代码
  • 第一种情况:给href设置值为某个url那么会跳转到指定的url,并执行点击事件的代码
  • 第二种情况:href的值设置为javascript:void(0) ,那么当用户点击链接时,void(0)计算为0,用户点击不会发生任何效果,不会跳转页面,而点击事件的代码会执行
  • 第二种情况:href的值设置为#,那么点击的话会执行点击事件的代码,并且会跳转到页面顶端,注意页面不会刷新
  • 第三种情况:href的值设置为空,那么点击链接会重新跳转到当前页面,实际上点击事件的代码执行了,但是页面重新刷新,相当于没有执行…
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值