从零到一学JS：JS存储

每日一kun：虽然你单身，但是你胖若两人。

JS存储分sessionStorage与localStorage，前者关闭浏览器数据消失，后者关闭浏览器数据还在。

代码

JS代码
 var set = document.querySelector(".set")
    var get = document.querySelector(".get")
    var remove = document.querySelector(".remove")
    var clear = document.querySelector(".remove")
    var uname = document.querySelector(".uname")
    var pwd = document.querySelector(".pwd")

    set.addEventListener("click", function () {

        sessionStorage.setItem("uname", uname.value)
        localStorage.setItem("pwd", pwd.value)
    })
    get.addEventListener("click", function () {
        var val = sessionStorage.getItem("uname")
        uname.value = val
        pwd.value = localStorage.getItem("pwd")
    })
    remove.addEventListener("click", function () {
        sessionStorage.removeItem("uname")
        localStorage.removeItem("pwd")
    })
    clear.addEventListener("click", function () {
        sessionStorage.clear()
        localStorage.clear()
    })
HTML代码
<input class="uname">
    <input class="pwd">
    <button class="set">存储</button>
    <button class="get">获得</button>
    <button class="remove">删除</button>
    <button class="remove">全删</button>