a标签超链接 javascript:void(0),点击超链接不跳转,不响应

最新推荐文章于 2025-06-13 19:15:37 发布

转载最新推荐文章于 2025-06-13 19:15:37 发布 · 1.5w 阅读

文章标签：

#a标签跳转 js

本文详细介绍了如何使用JavaScript避免超链接跳转，包括使用不同的方法来阻止页面跳转，以及如何在点击超链接时调用JS方法。同时，提供了实例演示了如何在超链接上实现鼠标悬停效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

让超链接点击后不跳转,可以用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://heisetoufa.iteye.com/