【前端学习笔记】点击a标签不跳转的几种方法

Amy

【web前端知识点】点击a标签不跳转的几种方法

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

1、onclick事件中返回false

[HTML] 纯文本查看 复制代码

<a href="http://www.baidu.com"  >不要跳到百度</a> 

2、href=”javascript:void(0)”

[HTML] 纯文本查看 复制代码

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

这是种伪协议，少写的好。
3、使用#
<a href="#" class="demo" >不跳转</a>
使用这种不会跳转页面，但是会跳转到当前页面的顶部，当页面内容较长时，会有刷新页面的感觉，只适用于内容较少的页面