在软件中体悟人生 在人生中感悟软件

专注Web项目设计、实现和管理
  博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

【经验分享】如何防止空链接“#”返回到页面?

Posted on 2008-07-08 10:59  王景  阅读(485)  评论(3编辑  收藏  举报

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>

转载自 http://www.85flash.com/Get/htmlcss/2005-1-15/1839.htm