javascript - 关闭警报框后如何重定向页面?

标签 javascript html if-statement alert

我一直试图告诉浏览器在关闭警报框后将用户重定向到不同的位置,但我尝试过的方法似乎都不起作用,所以我问你是否可以检查我的编写代码并告诉我您是否看到了满足我需求的可能解决方案。这段代码只是一个练习,我正在练习和测试 javascript。

到目前为止,我已经尝试过使用这些,但没有任何效果。

window.location.href(); 
window.location.replace(); 
window.location.assign(); 
location.href(); 
location.replace(); 
location.assign();

HTML 代码:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="javascript.js"></script>
</head>
<body>
<div id="container" align="center"><br />
<form>
Nickname: <input type="text" id="nickname" name="nickname"><br />
Password: <input type="password" id="password" name="password"><br />
<button onclick="login();">Login</button>
</form>
<p id="result:"></p><br />
</div>
</body>
</html>

Javascript代码:

function login(){
    var nickname = document.getElementById("nickname").value;
    var password = document.getElementById("password").value;
    var result = document.getElementById("result");
    var error = "Invalid Credentials!";
    var sucess = "Login Sucess!";

    if (nickname == "neo", password == 123){
        alert(sucess);
        location.assign("welcome.html");
    }
    else if(nickname == 22){
        confirm("Awesome!");
        location.replace("welcome.html");
    }
    else if(nickname == ""){
        alert("Nickname is required!");
    }
    else{
        alert(error);
    }
}

最佳答案

您应该使用 window.location.href 作为赋值(使用 =),而不是将其视为函数(使用 ()):

if (nickname == "neo", password == 123){
    alert(sucess);
    window.location.href = "welcome.html";
}
else if(nickname == 22){
    confirm("Awesome!");
    window.location.href = "welcome.html";
}

希望这有帮助!

关于javascript - 关闭警报框后如何重定向页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53899384/

相关文章:

Java if 语句不满足

python - Python 中的 If 语句(嵌套 boolean 语句)

javascript - 为什么IE和Chrome中的ajax错误不同?

javascript - 从 oracle sql 返回值为 -0

javascript - 选择框应超出对话框的边缘

javascript - 将 HTML 元素附加到 DOM 而不是 HTML 文本字符串

javascript - 我应该为 &lt;textarea&gt; 使用 .innerHTML 还是 .value?

javascript - 如何使用 JavaScript 禁用浏览器的后退按钮

html - 选中时的 CSS 样式复选框 - 不起作用

java - 如何使用 'if' 条件和忽略特定句子中的单词?