js空链接点击不跳转

我们常用的在a标签中有点击事件（<a href="地址">链接</a>），其中“href”参数只要不为空，点击该链接时，页面会自动跳转；如果指定的“href”不合法，页面会跳转到自身，也就是刷新。

空链接: 就是没有目标端点的链接，格式：<a href="#">显示内容</a>

JavaScript禁止a标签跳转的方法：

 在以下情况，点击 a 标签不会发生跳转：即不会触发加载资源，也不返回到页面顶部：

方法一: <a href="###">点击</a> 
（三个#号页点击页面不会回到顶部，1个会的哦）

方法二: <a href="javascript:;">点击</a>

方法三: <a href="Javascript:void(0);">点击</a>

提问：我不懂的是为什么要给a href 添加javascript:. 删除href 就可以了吗 求解？

回答：有了href属性，天然鼠标手型，以及可以被键盘focus以及focus时候回车模拟点击行为！！！

简单看了一下网站的处理方法：

1)谷歌的是：

<a href="javascript:void(0)">链接二</a>

2)facebook的是：

<a href="#" onclick="hanshu(); return false;">
facebook(这个链接居多)</a>或者
<a href="#" onclick="hanshu(); return false">
facebook(就比上面那个少一个分号)
</a>

3)twitter的是：

<a href=" ">twitter</a>
或者
<a href="#">twitter</a>

（href=" "在IE下有问题，点击后竟然返回上一级目录）

4)看到YouTube的有一个是这么处理的

<a onclick="hanshu(); return false;">YouTube</a>

直接忽略链接a的href属性，如：

<a class="show-menu-link">返回</a>

3.关于空链接偶觉得比较喜欢YouTube的处理方式，直接忽略它的href属性，但要给它一个cursor:pointer;实在要用href的话，个人偏向于用

<a href="javascript:void(0)">链接二</a>

如果后面有onclick,最好加上 return false;