Javascript 如何使用本地存储存储登录信息？

我的html代码如下所示：

<li id="login" class="hide-on-med-and-down">
    <a class="dark-text" style="padding-right:0 !important" href="#">Login</a>
</li>
<li id="user-login">
    <a class="white-txt dropdown-button" href="#" data-activates="user-dropdown">
        <span id="current-lang" data-code="">085132112345</span>
        <i class="fa fa-angle-down right"></i>
    </a>
    <ul id="user-dropdown" class="dropdown-content">
        <li class=""><a href="#">Profile</a></li>
        <li class="divider"></li>
        <li class="active"><a href="#">Logout</a></li>
        <li class="divider"></li>
    </ul>
</li>

var x = document.getElementById("login");
var y = document.getElementById("user-login");
if (localStorage.getItem("loginChelseaLocalStorage") === null) {
    x.style.display = "block";
    y.style.display = "none";
}
else {
    x.style.display = "none";
    y.style.display = "block";
}

localStorage.setItem("loginChelseaLocalStorage", true);

localStorage.removeItem("loginChelseaLocalStorage");

如果用户登录，它将存储在本地存储上，如下所示：

<li id="login" class="hide-on-med-and-down">
    <a class="dark-text" style="padding-right:0 !important" href="#">Login</a>
</li>
<li id="user-login">
    <a class="white-txt dropdown-button" href="#" data-activates="user-dropdown">
        <span id="current-lang" data-code="">085132112345</span>
        <i class="fa fa-angle-down right"></i>
    </a>
    <ul id="user-dropdown" class="dropdown-content">
        <li class=""><a href="#">Profile</a></li>
        <li class="divider"></li>
        <li class="active"><a href="#">Logout</a></li>
        <li class="divider"></li>
    </ul>
</li>

var x = document.getElementById("login");
var y = document.getElementById("user-login");
if (localStorage.getItem("loginChelseaLocalStorage") === null) {
    x.style.display = "block";
    y.style.display = "none";
}
else {
    x.style.display = "none";
    y.style.display = "block";
}

localStorage.setItem("loginChelseaLocalStorage", true);

localStorage.removeItem("loginChelseaLocalStorage");

如果用户注销，它将删除本地存储，如下所示：

<li id="login" class="hide-on-med-and-down">
    <a class="dark-text" style="padding-right:0 !important" href="#">Login</a>
</li>
<li id="user-login">
    <a class="white-txt dropdown-button" href="#" data-activates="user-dropdown">
        <span id="current-lang" data-code="">085132112345</span>
        <i class="fa fa-angle-down right"></i>
    </a>
    <ul id="user-dropdown" class="dropdown-content">
        <li class=""><a href="#">Profile</a></li>
        <li class="divider"></li>
        <li class="active"><a href="#">Logout</a></li>
        <li class="divider"></li>
    </ul>
</li>

var x = document.getElementById("login");
var y = document.getElementById("user-login");
if (localStorage.getItem("loginChelseaLocalStorage") === null) {
    x.style.display = "block";
    y.style.display = "none";
}
else {
    x.style.display = "none";
    y.style.display = "block";
}

localStorage.setItem("loginChelseaLocalStorage", true);

localStorage.removeItem("loginChelseaLocalStorage");

---

使用本地存储存储上述登录信息是否正确且良好？

Localstorage存储字符串数据，因此您应该使用JSON.stringify（true）并使用JSON.parse（getItem（“LoginChelseAllocalStorage”））从本地存储获取项 请在此处查看本地存储的使用情况

---

Read Localstorage只能存储

string

s.@yqlim，因此使用本地存储不安全？@conneso正常。如何为本地存储创建一个良好且安全的名称和价值？@connexo我知道本地存储、会话存储和cookies。哪一个是安全的好选择？好的。但是我如何为本地存储创建一个好的、安全的名称和价值呢？请检查它是否有助于您了解本地存储、会话存储和cookies。哪一个是好的和安全的选择？