<a>标签不跳转的几种实现方式

来源:互联网 发布:数据挖掘 面试 编辑:程序博客网 时间:2024/05/22 00:32

刚刚看了一个实例,需要用到a标签中的href的值,但是不需要跳转,但是这个实例中没有取消href的跳转功能,所以查了下应该怎么实现。
1、onclick事件中返回false

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

2、 用href=”javascript:void(0)”这种伪协议;(这种伪协议,少写的好)

<a href="javascript:void(0)" >不能跳转</a> 

3、使用 (#)

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

参考:http://blog.csdn.net/wxl1555/article/details/53897841

1 0