现在的位置: 首页 > 综合 > 正文

解决空链接的方法

2017年08月03日 ⁄ 综合 ⁄ 共 708字 ⁄ 字号 评论关闭

很多人都有写这样代码的经历:

 <a href="#" onclick="doSomething()">click me</a>

其实这样写非常不好,因为页面虽然没有跳转,但是页面会回到顶端。那么我们什么也不用,就不会有什么情况发生了吧,其实不然,这样会在浏览器浏览历史中新增一条记录。

 我们有几种解决空链接的方法

1. 用CSS

       .scripted-link {

text-decoration:underline;

  cursor:pointer;

}

        <span class="scripted-link" onclick="alert(better);">

这样,一个空连接就出来了;

2. 用javascript:void(0);

 

<a href="javascript:void(0);" onclick="alert('better');" class="script-link">click me</a>

这样页面也不会有任何跳转。

3. 我们可以在href中使用任何funciton,不过记得最后一定要return false;

如果你想你的链接不要有调转,你还可以吧href和onclick结合起来用,就是在href中使用javascript方法:

<a href="javascript:doSomething()">click me</a>

但是这个方法必须返回false或者void,不然的会,页面就会跳转到一个空页面,或者会显示这个方法返回的字符串。

<a href="javascript:doSomething(); void(0);">click me</a>

这样,这个链接页面既没有跳到页面的顶端,又完成了操作。

抱歉!评论已关闭.