最近使用前端框架,需要使用一个<a>超链接标签的样式,但又不要让他跳转,所以搜集了网上的资料查到几个方法:
方法一:<a href="#"></a>
但是有一个缺点,如果页面很长的话,会跳到本页面的顶部,有点像是跳到了一个新页面的感觉,体验不是很好!
方法二:<a href="#" onclick="return false"></a>
这个方法在大部分场景都可以,推荐使用!
方法三:<a href="javascript:void(0)"></a>
方法四:<a href="javascript:myTest('hello');"></a>
这里的myTest是自定义的一个javascript函数!
本文分享自微信公众号 - 浩Coding(gh_c4a2e63d2ca7),作者:浩
原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。
原始发表时间:2019-06-03
本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。
我来说两句