您好我如何使用javascript打开另一个html [重复]答案

【问题标题】：Hello how can i use javascript to open another html [duplicate]您好我如何使用javascript打开另一个html [重复]
【发布时间】：2021-05-09 13:16:10
【问题描述】：

我有一个 login.html 文件和一个 main.html 文件，当我输入用户名和密码并在 login.html 中单击登录时，我需要它转到 main.html，使用 javascript

我在 login.html 中有这个

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width", initial-scale=1.0>
    <title>Login</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="container">
        <form class="form" id="login">

            <h1 class="form__title">Login</h1>
            
            <div class="form__input-group">
                <input type="text" class="form__input" id="username" autofocus placeholder="Username">
            </div>
            <div class="form__input-group">
                <input type="password" class="form__input" id="password" placeholder="Password">
            </div>

            <button class="form__button" type="submit" onclick="LogIn()">Log in</button>

        </form>
    </header>
    <script src="index.js"></script>
</body>
</html>

这是javascript

var loginAcc = [
        {
            username: 'username123',
            password: 'password123',
        },
        {
            username: 'username456',
            password: 'password456'
        }
    ]

function LogIn() {
    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;
    console.log(`Username: ${username}`);
    console.log(`Password: ${password}`);

    for(i = 0;i < loginAcc.length; i++) {
        if(username == loginAcc[i].username && password == loginAcc[i].password) {
            console.log(`${username} is logged in`)
        }
    }
}

用户登录后如何使用javascript打开main.html

【问题讨论】：

你使用 nodejs 吗？我建议看看它。
这能回答你的问题吗？ How to go from one page to another page using javascript?

标签： javascript html

【解决方案1】：

您将需要下面的 JS 代码进行重定向，“homepage.html”只是一个示例。您可以输入要重定向到的文件的名称。请注意，两个文件必须在相同的文件结构下。

window.location.href = "homepage.html";

【讨论】：