a标签的href值为空时怎么设置

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,也是没有任何改变。

猜你喜欢

转载自blog.csdn.net/qingliufu/article/details/79227430