仅使用 html 和 javascript 重定向到另一个 html 页面

Question

如何仅使用 html 和 css 转到另一个页面。我试过

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

此声明无效。

<input type="text" value="Username" name="username" /><br>
<input type="text" value="Password" name="password" /><br>
<input type="button" value="Password" name="password" value="Log In" onClick="login()" /><br>

<script>
    function login() {
        var id = document.getElementById("username").value;
        var pass = document.getElementById("password").value;
        if (id == "admin" && pass = "admin")
            //Redirect to admin page
        else if (id == "employee" && pass = "employee")
        //Redirect to employee page
    }
</script>

Answer 1

您的问题与您用于导航的代码无关。你永远不会走那么远。

查看浏览器中的开发人员工具。检查控制台。您应该看到如下错误消息：

Uncaught TypeError: Cannot set property 'value' of null

document.getElementById("username") 找不到您的元素，因为您没有具有该 ID 的元素。 name and the id are different attributes 和 不能自由互换。

您的密码字段也有同样的问题。

Answer 2

1. 您为字段指定了 name，而不是 id，因此您的代码将在到达重定向之前抛出错误。

2. admin.html和这个文件在同一个scope/folder吗？如果不是，则需要指定admin.html的相对路径，例如：../otherFolder/admin.html

3. 你试过使用window.location.replace(admin.html)吗？