Javascript windows.location无法重定向到其他html文件

Javascript windows.location无法重定向到其他html文件,javascript,html,node.js,Javascript,Html,Node.js,我正在尝试从start.html重定向到index.html,因为单击了输入类型submit。但这对我不起作用 这是my start.html的外观: 登录V16 输入您的姓名并提交 *必填字段 功能访问(){ var url=“js/Index.html”; 窗口位置(url); } var input=document.getElementById(“input100”); input100.addEventListener(“键控”,函数(事件){ 如果(event.keyCode

我正在尝试从start.html重定向到index.html,因为单击了输入类型submit。但这对我不起作用

这是my start.html的外观:

登录V16
输入您的姓名并提交
  • *必填字段
功能访问(){ var url=“js/Index.html”; 窗口位置(url); } var input=document.getElementById(“input100”); input100.addEventListener(“键控”,函数(事件){ 如果(event.keyCode===13){ event.preventDefault(); //document.getElementsByClassName(“登录按钮”)。单击(); } }); 所需函数(){ var-empt=document.forms[“form1”][“text1”].value; 如果(空==“”){ 警报(“请输入一个值”); 返回false; }否则{ localStorage.setItem('username',document.getElementById('input100').value) 访问() 返回true; } } ```

location不是一个方法,而是一个属性。因此,不要像您正在做的那样调用函数(这是不正确的):

您必须简单地设置它的值,如下所示:

window.location = url;
编辑:您的代码有更多问题。更改表单上的onsubmit属性,使其看起来像这样(在函数名称之前添加return):

在required()方法的else语句中,也返回false。这将阻止表单提交,该表单将优先于visit()尝试执行的操作

更新代码,该代码有效:

<html>
<head>
    <title>Login V16</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="js/css/main.css"> </head> <html> <body>
</head>
<body>
    <div class="mail">
        <h2>Input your Name and Submit</h2>
        <form name="form1" action="#" onsubmit="return required()">
            <ul>
                <li><input id="input100" type='text' name='text1' /></li>
                <li class="rq">*Required Field</li>
                <li>
                    <input type="submit" />
            </ul>
        </form>
    </div>
    <script>
        function visit() {
            var url = "js/Index.html";
            window.location = url;
        }
        var input = document.getElementById("input100");
        input100.addEventListener("keyup", function (event) {
            if (event.keyCode === 13) {
                event.preventDefault();
                // document.getElementsByClassName("login-button").click();
            }
        });
        function required() {
            var empt = document.forms["form1"]["text1"].value;
            if (empt == "") {
                alert("Please input a Value");
                return false;
            } else {
                localStorage.setItem('username', document.getElementById('input100').value)
                visit()
                return false;
            }
        }
    </script>
</body>
</html>

登录V16
输入您的姓名并提交
  • *必填字段
功能访问(){ var url=“js/Index.html”; window.location=url; } var input=document.getElementById(“input100”); input100.addEventListener(“键控”,函数(事件){ 如果(event.keyCode===13){ event.preventDefault(); //document.getElementsByClassName(“登录按钮”)。单击(); } }); 所需函数(){ var-empt=document.forms[“form1”][“text1”].value; 如果(空==“”){ 警报(“请输入一个值”); 返回false; }否则{ localStorage.setItem('username',document.getElementById('input100').value) 访问() 返回false; } }
window.location不是方法,而是属性。因此,不要像您正在做的那样调用函数(这是不正确的):

您必须简单地设置它的值,如下所示:

window.location = url;
编辑:您的代码有更多问题。更改表单上的onsubmit属性,使其看起来像这样(在函数名称之前添加return):

在required()方法的else语句中,也返回false。这将阻止表单提交,该表单将优先于visit()尝试执行的操作

更新代码,该代码有效:

<html>
<head>
    <title>Login V16</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="js/css/main.css"> </head> <html> <body>
</head>
<body>
    <div class="mail">
        <h2>Input your Name and Submit</h2>
        <form name="form1" action="#" onsubmit="return required()">
            <ul>
                <li><input id="input100" type='text' name='text1' /></li>
                <li class="rq">*Required Field</li>
                <li>
                    <input type="submit" />
            </ul>
        </form>
    </div>
    <script>
        function visit() {
            var url = "js/Index.html";
            window.location = url;
        }
        var input = document.getElementById("input100");
        input100.addEventListener("keyup", function (event) {
            if (event.keyCode === 13) {
                event.preventDefault();
                // document.getElementsByClassName("login-button").click();
            }
        });
        function required() {
            var empt = document.forms["form1"]["text1"].value;
            if (empt == "") {
                alert("Please input a Value");
                return false;
            } else {
                localStorage.setItem('username', document.getElementById('input100').value)
                visit()
                return false;
            }
        }
    </script>
</body>
</html>

登录V16
输入您的姓名并提交
  • *必填字段
功能访问(){ var url=“js/Index.html”; window.location=url; } var input=document.getElementById(“input100”); input100.addEventListener(“键控”,函数(事件){ 如果(event.keyCode===13){ event.preventDefault(); //document.getElementsByClassName(“登录按钮”)。单击(); } }); 所需函数(){ var-empt=document.forms[“form1”][“text1”].value; 如果(空==“”){ 警报(“请输入一个值”); 返回false; }否则{ localStorage.setItem('username',document.getElementById('input100').value) 访问() 返回false; } }
只需使用

window.location.href= url
简单使用

window.location.href= url

您的代码有更多问题,请参阅我的更新答案。自从用户尝试刷新index.html以来,有没有技巧如何将用户从index.html重定向到start.html(用户的起始站点)?您的代码有更多问题,请参阅我的更新答案。有没有技巧如何将用户从index.html重定向到start.html(为用户启动站点)因为他尝试刷新index.html?