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函数!

经验分享 程序员 微信小程序 职场和发展