欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

a标签不跳转的三种方法

程序员文章站 2022-05-18 14:17:02
...

onclick时间返回false

<a href="https://www.baidu.com" onclick="return false">a标签不跳转</a>

用href伪协议;

 写法一:最常用的方法,也是最周全的方法,void是一个操作符,void(0)返回undefined,地址不发生跳转。

<a href="javaScript:void(0);">a标签不跳转</a>

 写法二:这种写法跟写法一类似,区别只是执行了一条空的js代码。

<a href="javaScript:;">a标签不跳转</a>

使用(#)

跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。不推荐使用

<a href="#">a标签不跳转</a>

参考:https://www.cnblogs.com/-wenli/p/10498055.html