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失效的方法。

 

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

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

 

posted @   三瑞  阅读(1727)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示