当我想要一些链接不做任何事情而只响应 javascript 操作时,避免链接滚动到页面顶部边缘的最佳方法是什么?
我知道几种方法,它们似乎都可以正常工作:
<a href="javascript:void(0)">Hello</a>
或者
<a id="hello" href="#">Hello</a>
<script type="text/javascript>
$(document).ready(function() {
$("#toto").click(function(){
//...
return false;
});
});
</script>
乃至 :
<a id="hello" href="#">Hello</a>
<script type="text/javascript>
$(document).ready(function() {
$("#toto").click(function(event){
event.preventDefault();
//...
});
});
</script>
你有什么偏好吗?为什么 ?在什么条件下?
PS:当然,上面的例子假设你使用的是 jquery,但有 mootools 或原型的等价物。