美文网首页
window.location.href不起作用

window.location.href不起作用

作者: FunnySeeker | 来源:发表于2017-02-05 17:34 被阅读724次
  <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>

相关文章

网友评论

      本文标题:window.location.href不起作用

      本文链接:https://www.haomeiwen.com/subject/qoueittx.html