你如何加载一个单独的.html页面和Javascript

Question

我试图弄清楚在用户输入正确密码后如何将用户发送到我设计的另一个页面。 我不知道如何使用 JavaScript 命令加载页面。 我如何使用下面的代码打开一个名为 insideVault.html 的新页面？

我已经尝试了很多谷歌搜索，但找不到任何资源来帮助我解决这个问题。

// login code //
   <div class = "container">
        <div class = "passwordEnter">
          <div class = "text-center">
            <form id="login" onsubmit="return passCheck()" method="get">
            <p> Enter Password </p>
            <input type="password" name="password" id = "password">
            <input type="submit">
            </form>
          </div>
        </div>
      </div>
    <script src="script.js"></script>
    </div>
    <script>
      function passCheck(){

  var input = document.getElementById("password").value == 'test';  
  console.log(input);
  if(!input){
        alert('Password incorrect, please try again.');
        return false;
    }

    return true;
}

我希望代码加载一个新页面，但到目前为止我还没有找到任何可以让我这样做的代码。

Answer 1

尝试location.href ：

function passCheck(){

  var input = document.getElementById("password").value == 'test';  
  console.log(input);
  if(!input){
        alert('Password incorrect, please try again.');
        return false;
    }
  location.href = 'insideVault.html';
}

Answer 2

在 Javascript 中，您可以使用多种方法将 web 页面重定向到另一个页面。 几乎所有方法都与 window.location object 有关，这是 Window ZA8CFDE6331BD59EB2AC96F8911 的属性可用于获取当前的 URL 地址（网址），并将浏览器重定向到新页面。

例子：

<html>
<head>
  <script>
    function newLocation() {
        window.location="http://www.w3.org";
    }
  </script>
</head>
<body>
  <input type="button" value="Go to new location" onclick="newLocation()">
</body>
</html>

你如何加载一个单独的.html页面和Javascript

问题描述

2 个解决方案

解决方案1
0 2019-10-22 03:26:54

解决方案2
0 2019-10-22 04:15:58

你如何加载一个单独的.html页面和Javascript

问题描述

2 个解决方案

解决方案1 0 2019-10-22 03:26:54

解决方案2 0 2019-10-22 04:15:58

解决方案1
0 2019-10-22 03:26:54

解决方案2
0 2019-10-22 04:15:58