RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站
 当前位置:主页 >> 网页制作 >> JS >> 文章内容
防止空连接 “#“ 返回到页面顶端的5种方法
来源:phperz.com  作者:phperz.com  发布时间:2008-05-26

有时我们需要把超连接做成空连接在连接上加onclick事件
比如:
<a href="#" onclick="test()">test</a>
或着如果出现了滚动条,并且下拉了一些,那么当点击这个链接的时候页面就会返回到顶部.

phperz.com

如何防止点击空连接页面返回到顶部呢.下面有几种方法. php程序员站

以下为引用的内容:
1.将 <a href="#">test</a> 改为 <a href="javascript:;">test</a>
2.将 <a href="#">test</a> 改为 <a href="#" onclick="return false"<test</a>
3.将 <a href="#">test</a> 改为 <a href="####">tes2</a>
4.将 <a href="#">test</a> 改为 <a href="javascript:void(0)">test</a>
以上4种都可配合onclick事件.如果你只想鼠标移上去时变成手形,那么用下面这种方法即可.
5.用<span>替换<a>标签<span style="cursor:hand">test</span>或<span style="cursor:pointer">test</span>
phperz.com


 相关文章
 
发表评论
全部评论(0条)
 站内搜索
 热门搜索 mysql  基础  adodb  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长