防止空连接 “#“ 返回到页面顶端的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
|
|
[收藏此页] [打印本页] [返回顶部] |
|
|