JavaScript 页面跳转失败

题目描述

window.location.href = "https://www.baidu.com/";
跳转失败 为什么啊

HTML代码

        <form id="form1" action="" method="post" >
            <input type="text" required="required" placeholder="用户名" name="uname" value=""></input>
            <input type="password" required="required" placeholder="密码" name="pwd" value=""></input>
            <button class="but" type="submit" onclick="check()">登录</button>

        </form>

JS代码

function check()
{
    var form1 = document.getElementById('form1');
    if (form1.uname.value == 123 && form1.pwd.value == 456)
    {
        alert("登录成功");
        window.location.href = "https://baidu.com";

    }else
    {
        alert("用户名错误或密码错误");
        form1.uname.focus();
        return false;
    }
}

期待结果

从当前页面成功跳转到指定页面

阅读 3.3k
1 个回答

check 方法内一开始加一句 event.returnValue = false;

这是 <a><form> 常见的问题;点击 formsubmit 按钮后,如果不阻止表单跳转,那么最后会跳转到 form 指定的 action 页面上。

也就是说,你实际跳转了两次,第一次是 location.href = 'https://baidu.com';第二次是 location.href = '';,空字符串表示当前页面,所以视觉上是页面闪烁了一下,又跳回来了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题