Javascript 如何在浏览器本地存储中存储数据

我尝试不使用数据库，而是使用浏览器本地存储作为登录示例。我的意思是，当用户给出“用户名”和“密码”时，它将从浏览器本地存储中进行检查，然后才能登录。 我使用HTML5的localStorage.setItem和localStorage.getItem来获取数据并显示它。 这是我的密码-

var user_name=document.getElementById('userName').value;
var user_pswd=document.getElementById('password').value;                  
localStorage.setItem("user", user_name);
localStorage.setItem("pass", user_pswd);                    
// Retrieve                    
document.getElementById("output").innerHTML = localStorage.getItem("user");

---

它设置数据并显示用户名，但重新启动浏览器后是否可以获取数据？？当我第一次尝试登录时，如何检查浏览器数据？非常感谢您的帮助。

重新启动浏览器不会删除本地存储数据

您可以检查是否有两个密钥（用户名、密码）的数据，条件如下

if ((localStorage.getItem("userName") !== null) && (localStorage.getItem("password") !== null))
{
    // you have values for both userName and password
}

对于您的情况，您可以测试文本框值是否与本地存储中的值匹配

if ((localStorage.getItem("userName") === null) && (localStorage.getItem("password") === null))
{
    localStorage.setItem("user", "Subho"); // writes name and password to local storage if not exists
    localStorage.setItem("pass", "Subho"); 
}

if ( (localStorage.getItem("user") == document.getElementById('userName').value)
{
    if ( (localStorage.getItem("pass") == document.getElementById('password').value)
    {
        // login is successful
    }           
}

---

但是，这不是一种安全的登录方法，用户可以访问本地存储数据

这看起来不是一件安全/明智的事情。是的，我知道，但我必须这样做。。请帮我复印一份谢谢你的回复，但你能再解释一下吗。。让username和paswrd都是'Subho'。登录时，我将如何用文本框的值检查localStorage的值？我已更新了答案，但我必须提醒您，这不是用户登录的推荐方法。还有其他方法吗？？像会议或其他什么？对我来说是同样的问题。如何使用缓存或会话存储数据？因为本地存储数据每次都显示在浏览器的控制台上。