查看旧版所有文章

有风的日子,网页设计爱好者的家园

旧版

您现在访问的是有风的日子旧版!新版地址为:http://www.hellowind.com
有风的日子现已全面升级!新标识,新域名,新架构,新布局,新平台,不变的承诺——有风的日子,网页设计爱好者的家园
为网页设计、平面设计、多媒体设计及摄影爱好者提供资讯、博客、相册、论坛等多方位服务...

如何防止空链接“#”返回到页面顶端?

来源:有风的日子设计论坛    发表于2005-7-20 10:54:57

关键字:空链接, 跳回页面顶端

Q:如何防止空链接“#”跳回页面顶端?

A:如果你的网页中有<a href="#">.......</a>这样的连接,而且已经出现的滚动条,并且下拉了一些,那么当点击这个链接的时候就会返回页面顶部,很是讨厌。以下几种方法可以防止这个问题:

1、将<a href="#">.......</a>
  改为<a href="javascript:;">.......</a>

2、将<a href="#">.......</a>
  改为<a href="#" onclick="return false">.......</a>

3、如果实在不需要一个连接,而只是想让浏览者把鼠标放在这里的时候让鼠标变成手
  那么你也可以将........前的<a>去掉,用<span style="cursor:hand">代替也可以

4、将<a href="#"> .......</a>
  改为<a href="####">.......</a>

5、将<a href="#"> .......</a>
  改为<a href="javascript:void(0)">.....</a>