window.location.href不起作用

  <a href="" onclick="toUrl('https://www.baidu.com')">location.href不跳转测试1</a>
    <a href="javascript:void(0);" onclick="javascript:toUrl('https://www.baidu.com')">location.href不跳转测试2</a>
    <a href="javascript:void(0);" onclick="toUrl('https://www.baidu.com');return false;">location.href不跳转测试3</a>
    <div style="height: 1800px;width:1000px;background:blue;">sldjflsdjs</div>
    <a href="#" onclick="toUrl('https://www.baidu.com');return false;">location.href不跳转测试4</a>
    <a href="##" onclick="toUrl('https://www.baidu.com');return false;">location.href不跳转测试5</a>
    <a href="###" onclick="toUrl('https://www.baidu.com');return false;">location.href不跳转测试6</a>
    /*
        注：除了第一个以外，其他的都可正常跳转，
    href="javascript:void(0)":表示该链接是一个死链接
    href="#":#包含一个位置信息，默认的锚点是#top也就是网页的顶端,所以这种情况下，点击A链接会出现网页回到顶部的情况
    * 当我们要自定义跳转链接，而不是利用href的时候，最好利用href="javascript:void(0)";是得当前链接成为一个死的链接
    */
    <script>
        function toUrl(x){
            window.location.href = x;
        }
    </script>