PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

防止空连接 “#“ 返回到页面顶端的5种方法

防止空连接 “#“ 返回到页面顶端的5种方法

来源:phperz.com  作者:phperz.com  发布时间:2008-05-26
有时我们需要把超连接做成空连接在连接上加onclick事件 比如a hr

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

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

以下为引用的内容:
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>

Tags: 方法   页面  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号