a标签 href对onclick调用ajax的影响

Question

今天遇到了一个问题，就是onclick调用ajax 的时候，a标签的href属性会对ajax产生影响，所以写了一下代码测了一下，href为“”会出错，#和void（0）没问题，百度了一下，＃"包含了一个位置信息，默认的锚点是＃top 也就是网页的上端，而javascript:void(0) 仅仅表示一个死链接，不得其解，求解释。。

<script>
    function Test() {
        alert("test");
        $.ajax({
            url:"../test/ajax",
            success:function(data){
                alert("test......."+data);
            },
            error:function(){
                alert("出错啦，请刷新页面，重试");
            },
        });

    }
</script>
<a href="" onclick="Test()" >test href </a>
<a href="#" onclick="Test()" >test href #</a>
<a href="javascript:void(0)" onclick="Test()" >test href void(0)</a>

Answer 1

href=""等价于href="当前地址"，会导致页面刷新，#和void(0)是死链接，不做任何操作，#多个定位到页头的操作