<a>标签中使用js函数

 

使用连接执行JS的方法如下:

使用href="javascript:alert(1);" 执行

<a href="javascript:alert(1);">test</a>

使用οnclick="alert(1)" 执行

<a href="#" οnclick="alert(1);">test</a>

事件绑定执行

<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){alert(1);};
</script> 

后面两种有个问题,在点击连接后URL后会加上#号。

有几种方法可避免。

在onclick中添加return false;

<a href="#" οnclick="alert(1); return false;">test</a>

在函数中添加 return false;

<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){
    alert(1);

    return false;
};
</script> 

修改href="javascript:void(0);"

<a href="javascript:void(0);" οnclick="alert(1);">test</a>

简洁写法

<a href="javascript:;" οnclick="alert(1);">test</a>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值