打开另一页 - HTML/Javascript

Question

这是我的全部 html 代码，我不明白为什么它不打开 "example.html" 页面。如果有人可以帮助我理解原因。我想确保当凭据正确并且我按下登录按钮时它会将我定向到一个新文件（在本例中 "example.html"），但我不知道为什么没有任何反应

<html>

<head>
    <title>Login</title>
    <link rel="stylesheet" href="css/css1.css">
    <script type="text/javascript">
        var message = "Right Click Disabled!";

        function rtclickcheck(keyp) {
            if (navigator.appName == "Netscape" &&
                keyp.which == 3) {
                alert(message);
                return false;
            }
            if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {
                alert(message);
                return false;
            }
        }
        document.onmousedown = rtclickcheck;

        function check(form) {
            if (form.username.value == "admin" && form.password.value == "123") {
                window.open("example.html")
            } else {
                alert("Username Or Password Doesn't Match!");
            }
        }
    </script>
</head>

<body>

    <div class="form-box">
        <div class="head">LOGIN</div>
        <div id="textbox">
            <form>
                <input type="text" placeholder="Username" name="username">
                <br>
                <input type="password" placeholder="Password" name="password">
                <br>
                <input type="submit" onclick="check(this.form)" name="btn_submit" value="Login">
            </form>
        </div>
    </div>
</body>

</html>

Answer 1

它工作正常。请确保 example.html 也在您的登录 html 页面所在的相同路径中。还要检查 @Andrew_CSE

提到的弹出窗口拦截器

Answer 2

当您点击提交按钮时，您的表单被提交并且浏览器重新加载页面（因为您没有在您的表单中指定操作）。

您需要阻止提交 viq JavaScript（查看 Event.preventDefault() ), 或者把你提交输入变成一个带有 type button 的按钮，这样点击它就不会提交表单。

var message = "Right Click Disabled!";

function rtclickcheck(keyp) {
  if (navigator.appName == "Netscape" &&
    keyp.which == 3) {
    alert(message);
    return false;
  }
  if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {
    alert(message);
    return false;
  }
}
document.onmousedown = rtclickcheck;



function check(form) {

  if (form.username.value == "admin" && form.password.value == "123") {
    window.open("example.html")
  } else {
    console.log("Username Or Password Doesn't Match!");
  }
}

<body>

  <div class="form-box">
    <div class="head">LOGIN</div>
    <div id="textbox">
      <form>
        <input type="text" placeholder="Username" name="username">
        <br>
        <input type="password" placeholder="Password" name="password">
        <br>
        <button type="button" onclick="check(this.form)" name="btn_submit">button</button>
      </form>
    </div>
  </div>
</body>

Answer 3

表单提交取消重定向，反之亦然。请改用以下代码：

<html>
<head>
  <title>Login</title>
  <link rel="stylesheet" href="css/css1.css">
  <script type="text/javascript">
     var message = "Right Click Disabled!";
     function rtclickcheck(keyp) {
     if (navigator.appName == "Netscape" && keyp.which == 3) {
     alert(message);
     return false;
     }
     if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {
     alert(message); return false;
     }
     }
     document.onmousedown = rtclickcheck;

     function check(form)
     {
         if(form.username.value == "admin" && form.password.value == "123")
         {
             window.location.replace("example.html");
            return false;
         } else
         {
             alert("Username Or Password Doesn't Match!");
            return false;
         }
     }
  </script>
</head>
<body>
  <div class="form-box">
     <div class="head">LOGIN</div>
     <div id="textbox">
        <form onsubmit="return check(this);">
           <input type="text" placeholder="Username" name="username">
           <br>
           <input type="password" placeholder="Password" name="password">
           <br>
           <input type="submit" name="btn_submit" value="Login">
        </form>
     </div>
  </div>
</body>
</html>

打开另一页 - HTML/Javascript

Open Another Page - HTML/Javascript

html

javascript

login