html - href =""、 href ="#"和 href ="javascript:void(0)"有什么区别？

Question

href=""、href="#" 和 href="javascript:void(0)" 之间有什么区别?
它们有哪些不同的用途，什么时候一个比另一个更好？

Answer 1

href=""将重新加载当前页面

href="#"将当前页面滚动到顶部

`href="javascript: void(0)"什么都不做。

你可以得到与javascript: void(0)相同的效果通过使用其他两种方法之一从 anchor 的点击事件处理程序返回 false。

我更喜欢使用 <a id="the-link" href="#">Link</a>然后将事件处理程序绑定(bind)到我的 javascript 中某处的点击监听器，例如:

document.getElementById('the-link').onclick = function(){ 
    // Do stuff
    return false;
};

这样，因为您使用的是 # ，即使用户禁用了 javascript，页面也不会重新加载(它只会滚动到顶部)，而且我认为它看起来比 javascript: void(0) 干净多了。