不能跳到百度2、 用href..."> 不能跳到百度2、 用href..."> a标签点击不跳转的几种方法(转)
 个人随笔
目录
a标签点击不跳转的几种方法(转)
2021-04-13 09:47:28

有时候,我们需要实现a标签点击不跳转页不会跳转到顶部的功能,那怎么处理呢,下面先列举一下a标签点击不跳转的集中方式,这里推荐使用第2种,当然第3种也可以,不推荐使用第4种会自动定位到顶部,让人有页面刷新既视感!

1、onclick事件中返回false

  1. <a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a>

2、 用href=”javascript:void(0)”这种伪协议;

最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。

  1. a href="javascript:void(0);" onclick="js_method()"

3.利用空代码

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

  1. a href="javascript:;" onclick="js_method()"

4、使用 (#)

  1. <a href="#" class="demo" onclick="del()" >删除</a>。//总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。不推荐使用

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

 111

啊!这个可能是世界上最丑的留言输入框功能~


当然,也是最丑的留言列表

有疑问发邮件到 : suibibk@qq.com 侵权立删
Copyright : 个人随笔   备案号 : 粤ICP备18099399号