网页中用哪种空链接

1.对于空链接的处理一般情况下这三种比较常见:

1)<a href="###">链接一</a>

2)<a href="javascript:void(0)">链接二</a>或者<a href="javascript:void(0);">链接二</a>

3)<a href="javascript:">链接三</a>或者<a href="javascript:;">链接三</a>

以下有两篇文章对此讲解的不错:http://www.hujuntao.com/web/empty-links-difference-in-several-ways.html

http://www.zhangxinxu.com/wordpress/2013/01/why-use-href-javascript-void0/(下面的评论不错哦)

2.偶简单看了一下网站的处理方法:

1)谷歌的是:<a href="javascript:void(0)">链接二</a>

2)facebook的是:<a href="#" onclick="hanshu(); return false;">facebook(这个链接居多)</a>或者

<a href="#" onclick="hanshu(); return false">facebook(就比上面那个少一个分号)</a>

3)twitter的是:<a href=" ">twitter</a>或者<a href="#">twitter</a>(href=" "在IE下有问题,点击后竟然返回上一级目录)

4)看到YouTube的有一个是这么处理的<a onclick="hanshu(); return false;">YouTube</a>直接忽略链接a的href属性,如:<a class="show-menu-link">返回</a>

3.关于空链接偶觉得比较喜欢YouTube的处理方式,直接忽略它的href属性,但要给它一个cursor:pointer;实在要用href的话,个人偏向于用<a href="javascript:void(0)">链接二</a>

如果后面有onclick,最好加上 return false;

 后记补充:今天又看了一篇很不错的文章(http://www.zhangxinxu.com/wordpress/2013/01/why-use-href-javascript-void0/),看它的评论也挺有意思的,最后想想以后尽量避免出现这种情况,可以使用span标签嘛,再设置一下css属性cursor:pointer更好。

 

原文地址:https://www.cnblogs.com/anns/p/3388331.html