Javascript 将HTML页面定向到登录页面_Javascript_Html

Javascript 将HTML页面定向到登录页面

javascript html

Javascript 将HTML页面定向到登录页面,javascript,html,Javascript,Html,我创建了两个HTML页面，一个叫做login.HTML，另一个叫做--resume.HTML 我想做的是，无论我打开哪个页面，我都会被重定向到登录页面。如果我打开login.html，它将被打开，我填写username和password字段，然后resume.html打开我的问题是，当我打开resume.html时，我不知道要重定向到login.html的代码，我应该添加这些代码登录页面的代码为： <html> <head> <title>

我创建了两个HTML页面，一个叫做

login.HTML

，另一个叫做--

resume.HTML

我想做的是，无论我打开哪个页面，我都会被重定向到登录页面。如果我打开

login.html

，它将被打开，我填写

username

和

password

字段，然后

resume.html

打开

我的问题是，当我打开

resume.html

时，我不知道要重定向到

login.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>


登录页面
您需要登录：）
用户名



密码




功能检查（表格）
{
if（form.userid.value==“pwan9047”&&form.pswrd.value==“Wang1984”）
{
window.open（'resume.html'）
}
其他的
{
警报（“错误密码或用户名”）
}
}

单击按钮后，无论用户是否登录，都可以在

本地存储中注册
因此，改变这一点：
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'"/>

单击按钮时，您可以在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'"/>

请记住，考虑到需求，这是正确的，但这也会导致您永远无法真正导航到resume.html，因为它会立即将您发送回去。你需要一些条件，比如会话变量来决定是否应该重定向。嗨，谢谢你的回复，那么我应该用哪个html文件来填充你的代码？你的意思是我需要把这个添加到resume.html文件中？或者两者都有？问题指出，登录后，您将被引导到resume.html
页面。这个答案会不会违反这个要求？嗨，本，是的，如果登录成功，简历页面将被打开。我的意思是，如果我直接打开简历页面，有没有办法让它进入登录页面？因为我不想在没有登录的情况下打开简历页面。这段代码只是说，当页面加载时，请将我发送到“login.html”。因此，您可能希望将其放在“resume.html”以及您希望用户登录查看的任何其他页面中。请记住，尽管根据要求这是正确的，但这也会导致您永远无法真正导航到resume.html，因为它会立即将您发送回。你需要一些条件，比如会话变量来决定是否应该重定向。嗨，谢谢你的回复，那么我应该用哪个html文件来填充你的代码？你的意思是我需要把这个添加到resume.html文件中？或者两者都有？问题指出，登录后，您将被引导到resume.html
页面。这个答案会不会违反这个要求？嗨，本，是的，如果登录成功，简历页面将被打开。我的意思是，如果我直接打开简历页面，有没有办法让它进入登录页面？因为我不想在没有登录的情况下打开简历页面。这段代码只是说，当页面加载时，请将我发送到“login.html”。因此，您需要将其放在“resume.html”和您希望用户登录查看的任何其他页面中。如果JavaScript被破坏或禁用，任何基于JS的解决方案都无法工作。这应该在服务器端处理。如果要检查用户是否登录，如果没有，请重定向到login.htmlwell，我没有真正的服务器端，我可以使用JS来完成，但不知道应该使用哪种语法来实现此功能如果JavaScript被破坏或禁用，任何基于JS的解决方案都不会工作。这应该在服务器端处理。如果要检查用户是否已登录，如果未登录，请重定向到login.htmlwell，我没有真正的服务器端，我可以使用JS来完成此操作，但不知道应该使用哪种语法来实现此功能