a标签href不跳转 禁止跳转

当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法：

标签属性href，使其指向空或不返回任何内容。如：
<a href="javascript:void(0);" >点此无反应javascript:void(0)</a>

<a href="javascript:;" >点此无反应javascript:</a>

标签事件onclick，阻止其默认行为。如：
<a href="" οnclick="return false;">return false;</a>

<a href="#" οnclick="return false;">return false;</a>

注意：只有一个href="#"是不可以的。

****更简单的方法：去掉herf属性就可以****

html中点击A标签使其不跳转

<a href="#"></a>有一个缺点，如果页面很长的话，会跳到本页面的顶部，有点像是跳到了一个新页面的感觉，体验不是很好！

<a href="#" οnclick="return false"></a>

<a href="javascript:void(0)"></a> 

用href=”javascript:void(0)”这种伪协议；（这种伪协议，少写的好），这句话我不是很懂，我在一些人的文章中看到的，具体为什么这种伪协议要少写，我不是很清楚！等以后有时间我再去查下资料，这里暂时先放一放！
<a href="javascript:myTest('hello');">点击A标签不跳转</a>
这里的myTest是我自己定义的一个javascript函数！

• « 上一篇：uniapp 禁止滚动穿透(一般用于遮罩)-小程序/app/h5适用
• » 下一篇：git 提交指定文件