zoukankan      html  css  js  c++  java
  • 网页中用哪种空链接

    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更好。

     

  • 相关阅读:
    日志记录
    python进程基础
    堆和栈的区别
    Mysql数据类型(一)
    JS超链接动态显示图片
    WPF Button控件模板
    js table鼠标点击时变色
    JS表格各行变色
    js动态创建表格
    Codeforces 659G Fence Divercity dp
  • 原文地址:https://www.cnblogs.com/anns/p/3388331.html
Copyright © 2011-2022 走看看