在新页面中打开

Question

我正在尝试使用js进行登录，我知道这并不是为了学校的安全 - 他们需要它。

如果用户名和密码正确，我希望它打开我的照片页面，这不会发生。

据我所知，其他一切工作正常，它会正确收集和比较数据，但不会打开新页面。我尝试了this.location.href的变体，例如window.location和location.replace。

我还尝试使用完整网址和 photos.php

更改URL

通过HTML：

中的点击调用该函数

<button type="submit" onclick="checkPassword()" class="button">Login</button>

这是JavaScript：

function check() {   //onclick
    var username = "test";
    var password = "admin";
    var usernameEntered = document.getElementById("username").value;
    var passwordEntered = document.getElementById("password").value;

    if (usernameEntered == username && passwordEntered == password) {
        this.location.href = "http://localhost/photos-v4/photos.php";
    } else {
        alert("Incorrect username or password");
    }
}

Answer 1

这里有一些方法可以做到这一点

在新页面中打开

window.open('http://localhost/photos-v4/photos.php', '_blank').location;

在当前标记

中打开

window.location.href = 'http://localhost/photos-v4/photos.php'

Answer 2

问题出在HTML中。

type = "submit"用于将数据发送到新位置，这意味着JavaScript不会捕获数据。

一种解决方案是将submit替换为reset，以清除表单并让js获取所需的数据。

您可以在此处了解有关HTML按钮的更多信息：https://html.com/attributes/button-type/

从javascript打开页面无效

2 个答案:

在新页面中打开

在当前标记