HTML中点击<a>超链接标签使其不跳转

最近使用前端框架，需要使用一个<a>超链接标签的样式，但又不要让他跳转，所以搜集了网上的资料查到几个方法：

方法一：<a href="#"></a>

但是有一个缺点，如果页面很长的话，会跳到本页面的顶部，有点像是跳到了一个新页面的感觉，体验不是很好！

方法二：<a href="#" onclick="return false"></a>

这个方法在大部分场景都可以，推荐使用！

方法三：<a href="javascript:void(0)"></a>

用href=”javascript:void(0)”这种伪协议；（这种伪协议，少写的好），这句话我不是很懂，我在一些人的文章中看到的，具体为什么这种伪协议要少写，我不是很清楚！等以后有时间我再去查下资料，这里暂时先放一放！

方法四：<a href="javascript:myTest('hello');"></a>

这里的myTest是自定义的一个javascript函数！