妙用javascript:void(0)

在开发过程中经常使用<a href="#"/>，可是在点击这个链接的时候，总是跳到页面的顶端，如果滚动条很长的话，并且已经阅览的页面底部的时候，给用户带来很大的困扰。

为什么会出现这种情况呢，查阅资料发现，#代表一个锚点，并且这个锚点是在页面的顶部，所以每次点击这个链接都会跳到页面顶部。

如果我们不想让页面跳动的话可以使用javascript:void(0)代替#，页面就不会发生跳动了。增强了用户的体验度。

评论

1 楼 fnet 2010-01-15  

sunhj000java 写道

在开发过程中经常使用<a href="#"/>，可是在点击这个链接的时候，总是跳到页面的顶端，如果滚动条很长的话，并且已经阅览的页面底部的时候，给用户带来很大的困扰。

为什么会出现这种情况呢，查阅资料发现，#代表一个锚点，并且这个锚点是在页面的顶部，所以每次点击这个链接都会跳到页面顶部。

如果我们不想让页面跳动的话可以使用javascript:void(0)代替#，页面就不会发生跳动了。增强了用户的体验度。

# 也可以，你只需要 onclick="return false" 即可。
javascript:void(0) 在有的浏览器会有问题。