window location href无反应，不跳转的情况的解决

全栈程序员站长

发布于 2022-09-14 09:54:41

3.6K0

发布于 2022-09-14 09:54:41

大家好，又见面了，我是你们的朋友全栈君。

在进行js练习的时候，遇到了一个问题，在操作页面跳转的时候，使用window.location.href无法进行跳转，经过一系列的排查，和分析，最终解决这个问题。

$("#quit").click(function () {
        debugger;
          if (confirm("你确定要退出嘛？")) {  
            sessionStorage.removeItem("preUser");
            preUser = {};
           window.location.href='bolg.html';  
        }else {
        //alert("ssssssss")  

            window.location.href='login.html';
            //window.event.returnValue=false;
            //return false;
        }  
    });

以上无法跳转有问题的代码。

总共有两种方法解决，

第一种方法是，我们在window.location.href的下一行加上window.event.returnvalue=false，扑捉到这个时间，随后判为false，停止对操作，便可以解决问题。

$("#quit").click(function () {
        debugger;
          if (confirm("你确定要退出嘛？")) {  
            sessionStorage.removeItem("preUser");
            preUser = {};
           window.location.href='bolg.html';  
        }else {
        //alert("ssssssss")  

            window.location.href='login.html';
            window.event.returnValue=false;
            //return false;
        }  
    });

第二种方法是，通过在window.location.href下一行写return false，使游览器停止操作也可以解决问题。

$("#quit").click(function () {
        debugger;
          if (confirm("你确定要退出嘛？")) {  
            sessionStorage.removeItem("preUser");
            preUser = {};
           window.location.href='bolg.html';  
        }else {
        //alert("ssssssss")  

            window.location.href='login.html';
            //window.event.returnValue=false;
            return false;
        }  
    });

以上就是两种解决window.location.href失效的方法。

如果各位有什么疑问，意见，不同的想法欢迎留言，欢迎交流。

本人本科软件工程学生党一枚，如有错误欢迎指正，欢迎交流。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158090.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年7月1，如有侵权请联系 cloudcommunity@tencent.com 删除

java