<a>标签 href="javascript:void(0)" 跟href="#" onclick="javascript:func()"的区别

本文介绍了在HTML中将&lt;a&gt;标签设置为空链接的几种方法及其区别,包括使用href=&quot;#&quot;、href=&quot;javascript:void(0);&quot;及href=&quot;&quot;的不同效果,并提出了在不同场景下的最佳实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

将<a>标签设置为空链接有三种方式,第一种是href="#",另外一种是href="javascript:void(0);",第三种是href=""。三种方式都设置了标签为空链接,但是两种方式还是有些不同的地方。

1、href="#",当点击的时候会跳转到页面的顶部,相当于点击了一个锚点,在URL的后面也会出现一个#的识符号。

2、href="javascript:void(0);"则是要执行一个javascript的表达式。void(0)不执行也不返回任何东西,因此不会发生任何跳转。

所有设置空链接推荐用href="javascript:void(0);"

javascript:void(0) 代表是一个死链接,href不会执行任何动作。但是,在 IE6 里面有 ajax 事件可能会出现不执行的问题,此时,还可以使用###来代替#和javascript:void(0),它在大多数情况下是不会出现问题的:

3、a href =" ": 默认打开的还是当前页面,会刷新一下重新打开。

4、onclick事件先执行,href在后

5、还有一种更好的办法,就是在onclick执行语句最后,添加'return false;',它会阻止href下的动作,此时href里直接写#便可:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值