点击js空链接不跳转的方法

我们常用的在a标签中有点击事件(<a href=”地址”>链接</a>),其中“href”参数只要不为空,点击该链接时,页面会自动跳转;如果指定的“href”不存在,页面会跳转到自身,也就是刷新。

空链接: 就是没有目标端点的链接,格式:<a href=”#”>显示内容</a>

JavaScript禁止a标签跳转的方法:

在以下情况,点击 a 标签不会发生跳转:即不会触发加载资源,也不返回到页面顶部:

方法一: <a href="###">点击</a> (三个#号页点击页面不会回到顶部,1个就会)
方法二: <a href="javascript:;">点击</a>
方法三: <a href="Javascript:void(0);">点击</a>
鹿泽
鹿泽

深耕 SEO优化 十二年,从个人博客爱好者到专业谷歌优化顾问的成长之路。技术派SEO、全域流量技术运营专家,拥有多年从业经验,热衷于分析算法逻辑与推理的精准匹配。