有时候我们会利用a标签作为交互的元素,但这里讨论的是点击a标签时不去执行默认行为时的情况。
1.<a href="">cliclk</a>
2.<a href="#">cliclk</a>
3.<a href="####">cliclk</a>
4.<a href="javascript:;">cliclk</a>
5.<a href="javascript:void(0)">cliclk</a>
以上情况中1,2点击链接时会跳到页面的顶端,如果页面存在滚动条时,这样用户体验会不太好,而3,4,5则不会发生这种情况。不过有一种直接解决的办法就是,如果我们绑定了onclick等事件时,可以利用处理函数最后返回false来阻止默认行为的执行,所以heref里面的值是什么都不重要了,因为他根本不会执行。