Question

我创建了两个HTML页面，一个名为login.html，另一个名为resume.html。

我想要做的是，无论我打开哪个页面，我都会被重定向到登录页面。如果我打开login.html，它将会打开，我会填写username和password字段，然后resume.html会打开。

我的问题是，当我打开login.html时，我不知道应该添加的代码，以便重定向到resume.html。

登录页面的代码是：

  <html>
  <head>

   <title>
   Login page
   </title>
   </head>

  <body>
   <h1 style="font-family:Comic Sans Ms;text-align:center;font-size:50pt;color:#ff00ba;">
   You need to login :) </h1>     

   <form style="font-family:Comic Sans Ms; text-align:center">
   Username<br>
  <input type="text" name="userid"/><br>
   Password<br>
  <input type="password" name="pswrd"/>
  <br><br>
  <input style="font-family:Comic Sans Ms;" type="button" onclick="check(form)" value="Login">
  <input style="font-family:Comic Sans Ms;" type="reset" value="Cancel"/>
  </form>


  <script language="javascript">
  function check(form)
  {

   if(form.userid.value == "pwan9047" && form.pswrd.value == "Wang1984")
  {
    window.open('resume.html')
  }
  else
  {
  alert("Error Password or Username")
  }
  }
  </script>
   </body>
    </html>

Answer 1

单击按钮时，您可以在localStorage中注册用户是否已登录。

所以改变这个：

if(form.userid.value == "pwan9047" && form.pswrd.value == "Wang1984")
  {
    window.open('resume.html')
  }

到此：

if(form.userid.value == "pwan9047" && form.pswrd.value == "Wang1984")
  {
    localStorage.setItem('isLoggedIn', true);location.href='/resume.html';
  }

将注销按钮添加到login.html中的html，以便能够注销，当然：

<input style="font-family:Comic Sans Ms;" type="button" value="Log out" onclick="localStorage.removeItem('isLoggedIn');location.href='/login.html'"/>

并将此代码添加到<head>的{{1}}以及您希望只有在您登录后才能访问的任何其他页面中：

/resume.html

将HTML页面指向登录页面

1 个答案: