如何从简单的JavaScript登录表单中检索用户名？

我在index.html页面上有一个简单的javascript登录表单，如果成功地将用户定向到main.html，我希望在此页面的标题中显示他们的用户名。是否可以通过本地存储从的Cookie会话中获取

  <form name="loginform" onSubmit="return validateForm();" action="main.html" method="post">
      <label>User name</label>
      <input type="text" name="usr" placeholder="username"> 
      <label>Password</label>
      <input type="password" name="pword" placeholder="password">
      <input type="submit" value="Login" class="button"/>
  </form>

  <script>
      function validateForm() {
          var un = document.loginform.usr.value;
          var pw = document.loginform.pword.value;
          var username = "username"; 
          var password = "password";
          if ((un == username) && (pw == password)) {
             return true;
         }
         else {
            alert ("Login was unsuccessful, please check your username and password");
            return false;
         }
      }
  </script>

用户名
密码
函数validateForm（）{
var un=document.loginform.usr.value；
var pw=document.loginform.pword.value；
var username=“username”；
var password=“password”；
如果（（un==用户名）&&（pw==密码））{
返回true；
}
否则{
警报（“登录不成功，请检查您的用户名和密码”）；
返回false；
}
}

Main.html

window.onload=函数（）{
var name=localStorage.getItem（'username'）；
如果（名称！=“未定义”| |名称！=“空”）{
document.getElementById（'welcomeMessage'）。innerHTML=“你好”+name+”；
}否则
document.getElementById（'welcomeMessage'）。innerHTML=“你好！”；
}

---

这当前返回'null'，因为我不知道如何在index.html上设置本地存储。

是您可以设置用户名：

    window.localStorage.setItem('username',username);

然后在任何页面上访问它：

   window.localStorage.getItem('username');

---

我已经将我的问题编辑为包含main.html页面，但我不明白如何使用window.localStorage.setItem（'username'，username'）；在index.html上，然后main.html将知道从何处获取它…在声明username变量后，在函数中设置localStorage。然后是$（“#”welcomeMessage”）.text（window.localStorage.getItem（“用户名”）；

   window.localStorage.getItem('username');