Question

所以我在使用JavaScript从一页链接到另一页时遇到麻烦。我有以下代码。

我试图在用户单击提交时打电话。下面是我希望用户填写的表格。当用户单击“提交”时，我试图进入feed.html。

function login(){
    window.location="feed.html";
}

<form>
    <p>Username</p>
    <input type="text" name="" placeholder="Enter Username" value="">
    <p>Password</p>
    <input type="password" name="" placeholder="Enter Password">
    <input type="submit" name="" value="Login" onClick="login()">
    <a href="#">Lost your password?</a><br>
    <a href="#">Don't have an account?</a>
</form>

因此，我认为它只需单击提交后即可调用该函数并转到提要页面，但是它什么也不做。有人看到问题出在哪里吗？

Answer 1

提交表单将导航到对表单提交做出响应的页面。

为location分配URL会导航到该URL。

所以：

您的JavaScript运行
JS开始导航到feed.html
表单提交
该表单会导航到当前URL（因为您未指定action）。

第4步中的导航替换了第2步中的导航。

您的选择：

不使用提交按钮
致电preventDefault，以防止单击提交按钮的默认操作
设置action而不使用JavaScript

这些选择中的最后一个可能是明智的选择。您似乎有一个登录表单。处理所有决定用户是否可以在浏览器内（由用户控制）而不是在服务器上登录的身份验证逻辑是一个很大的禁忌。

Answer 2

您也许应该在表单标签上使用“ action”属性。

<form action="feed.html">
  ...
</form>

这将提交您的表单并重定向到feed.html。

如何在javascript中链接到另一个页面？

2 个答案: