码迷,mamicode.com
首页 > 其他好文 > 详细

点击超链接不跳转,不刷新页面

时间:2016-05-26 18:44:10      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

本文转载自:http://heisetoufa.iteye.com/blog/1766957

让超链接点击后不跳转,可以用href = "#",但是这个#就会锚点到页面最上边 
    点击链接后不跳转可以设置成 
    1.<a href="javascript:void(0);" >javascript:void(0);</a> 
    2.<a href="javascript:;" >javascript:;</a> 
    3.<a href="" onclick="return false;">return false;</a>     
    4.<a href="#" onclick="return false;">return false;</a> 
    5.<a href="##" >##</a> 
    6.<a href="####" >####</a>     
    7.<a href="#all" >#all</a> 
    如果想点击超链接调用js方法的话可以设置成 
    1.<a href="javascript:void(0)" onclick="jsFun()">jsFun</a> 
    2.<a href="#" onclick="jsFun();return false;">jsFun();return false;</a>                
    3.<a href="#" onclick="alert(1);event.returnValue=false;">alert(1);event.returnValue=false;</a> 

    1.javascript:void(0)不建议使用 
    2.链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还  是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。 
    3.如果仅仅是想鼠标移过,变成手形,可以使用 
    <span style="cursor:pointer" onclick="jsFun()">手型!</span> 

点击超链接不跳转,不刷新页面

标签:

原文地址:http://www.cnblogs.com/lc23/p/5532000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!