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

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

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

图片[1] - 点击js空链接不跳转的方法 - 鹿泽笔记

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

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

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

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享