当前位置:主页 > 建站知识 > 前端技术 > 前端技术

a标签点击不跳转的几种方法

正月二十四2020-05-03前端技术人已围观

简介a标签点击不跳转的方法

a标签点击不跳转的几种方法
 
1、onclick事件中返回false
 
<a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a>
 
2、 用href=”javascript:void(0)”这种伪协议;
 
最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。
a href="javascript:void(0);" onclick="js_method()"
 
3.利用空代码
 
这种方法跟跟2种类似,区别只是执行了一条空的js代码。
a href="javascript:;" onclick="js_method()"
 
4、使用 (#)
 
<a href="#" class="demo" onclick="del()" >删除</a>。
总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。不推荐使用

很赞哦! ()

相关文章

站点信息

  • 建站时间:2019-02-24
  • 网站程序:织梦CMS7.5
  • 主题模板
  • 文章统计:43 篇
  • 源码统计:2 篇
  • 微信号:扫描二维码