题目描述
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;
}
}
期待结果
从当前页面成功跳转到指定页面
check
方法内一开始加一句event.returnValue = false;
。这是
<a>
和<form>
常见的问题;点击form
的submit
按钮后,如果不阻止表单跳转,那么最后会跳转到form
指定的action
页面上。也就是说,你实际跳转了两次,第一次是
location.href = 'https://baidu.com'
;第二次是location.href = '';
,空字符串表示当前页面,所以视觉上是页面闪烁了一下,又跳回来了。