本地储存和临时储存

localStorage : 永久存储(相对)，其中的数据不随着浏览器的开关而改变
sessionStorage：临时存储(相对), 当浏览器关闭时，数据消失(页面刷新时，不会受到影响)

使用之前看看是否支持本地储存

        var ipt = document.getElementsByClassName("ipt")[0];
        var but = document.getElementsByTagName("button");
        var ipt2 = document.getElementById("ipt2");
        if(typeof (Storage) !== "undefind"){
             alert("是的，我支持本地存储");
         }else {
            alert("抱歉，不支持web存储");
         }

保存数据
setItem()：将数据已键值对的方式，存储
谁调用存个谁

     but[0].onclick = function () {           
             localStorage.setItem("text",ipt.value);
             localStorage.setItem("txt",ipt2.value);
             console.log(typeof ipt.value);
            var obj = {"name":"哈哈"};
            sessionStorage.setItem("text",JSON.stringify(obj)); 
            //value值必须是字符串
        }

获取数据

    but[1].onclick = function () {
            // for(var i = 0; i < localStorage.length; i++){
            //     //获取key键
            //    console.log(localStorage.key(i));
            // }
                //根据key键 获取对应的value值
            // console.log(localStorage.getItem("text"));
            // console.log(localStorage.length);
            var b = JSON.parse(sessionStorage.getItem("text"));
            //遍历 forin
            //将in 后面 的属性  逐个取出  存到 in前面的变量中
            //for(变量 in 对象){}
            for(var k in b){
                console.log(k);
                console.log(b[k]);
            }
        }

删除数据

  		 but[2].onclick = function () {
            //根据key键 删除对应的键值对
            localStorage.removeItem("text");
            localStorage.removeItem("txt");
        }
        but[3].onclick = function () {
            location.href = "备份.html";
        }

来源：CSDN

作者：weixin_46174967

链接：https://blog.csdn.net/weixin_46174967/article/details/104115742

标签

var

localstorage