window location href無反應，不跳轉的情況的解決

復制：https://blog.csdn.net/weixin_37726470/article/details/83871928

 

在進行js練習的時候，遇到了一個問題，在操作頁面跳轉的時候，使用window.location.href無法進行跳轉，經過一系列的排查，和分析，最終解決這個問題。

1.  
   $( "#quit").click(function () {
2.  
   debugger;
3.  
   if (confirm("你確定要退出嘛？")) {
4.  
   sessionStorage.removeItem( "preUser");
5.  
   preUser = {};
6.  
   window.location.href='bolg.html';
7.  
   } else {
8.  
   //alert("ssssssss")
9.  
    
10.  
    window.location.href='login.html';
11.  
    //window.event.returnValue=false;
12.  
    //return false;
13.  
    }
14.  
    });

以上無法跳轉有問題的代碼。

總共有兩種方法解決，

第一種方法是，我們在window.location.href的下一行加上window.event.returnvalue=false，撲捉到這個時間，隨后判為false，停止對操作，便可以解決問題。

1.  
   $( "#quit").click(function () {
2.  
   debugger;
3.  
   if (confirm("你確定要退出嘛？")) {
4.  
   sessionStorage.removeItem( "preUser");
5.  
   preUser = {};
6.  
   window.location.href='bolg.html';
7.  
   } else {
8.  
   //alert("ssssssss")
9.  
    
10.  
    window.location.href='login.html';
11.  
    window.event.returnValue=false;
12.  
    //return false;
13.  
    }
14.  
    });

第二種方法是，通過在window.location.href下一行寫return false，使游覽器停止操作也可以解決問題。

1.  
   $( "#quit").click(function () {
2.  
   debugger;
3.  
   if (confirm("你確定要退出嘛？")) {
4.  
   sessionStorage.removeItem( "preUser");
5.  
   preUser = {};
6.  
   window.location.href='bolg.html';
7.  
   } else {
8.  
   //alert("ssssssss")
9.  
    
10.  
    window.location.href='login.html';
11.  
    //window.event.returnValue=false;
12.  
    return false;
13.  
    }
14.  
    });

以上就是兩種解決window.location.href失效的方法。

 

如果各位有什么疑問，意見，不同的想法歡迎留言，歡迎交流。

本人本科軟件工程學生黨一枚，如有錯誤歡迎指正，歡迎交流。