a标签中的href值是一个地址,指示点击这个标签时,转向的地址。
但是当使用a标签来做按钮,不需要跳转时,href值即为空。
<a href="#">链接</a>时,会保留a标签的表现,但是当这个a标签不在首屏里,比如
<style type="text/css">
body{position:relative;}
a{position:absolute;top:1000px;}
</style>
此时点击这个链接时,会跳转到首屏。
所以我们需要使用以下两种方式:
1:<a href="javascript:;">链接</a>表示当点击这个a标签时,执行javascript后面的语句,但是为空,就说明没有任何改变;
2:<a href="javascript:void(0);">链接</a>表示点击时执行void(0)这句话,返回值为undefined,也是没有任何改变。
本文介绍了当使用HTML中的A标签作为按钮时,如何避免默认的链接跳转行为。通过设置href属性为javascript:; 或 javascript:void(0);,可以阻止浏览器的默认动作,同时保持A标签的样式和交互特性。
9321

被折叠的 条评论
为什么被折叠?



