LocalStorage用法

273 阅读1分钟

我们可以把LocalStorage理解为一个对象,web存储API中已经跟我们封装好了相关的方法,我们只要会用就好了

我们先来看一段代码

<script type="">
        if(typeof(Storage)!=="undefined"){
            //存储
            localStorage.setItem("lastName","Smith");
            //检索并赋值
            document.getElementById("result").innerHTML = localStorage.getItem("lastname");
        }else {
            document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
        }


    </script>

setItem保存数据

这个函数中有两个参数,

第一个是key ,用于设置数据的名称

第二个是value ,用于记录值本身

localStorage.setItem("key", "value");

getItem读取数据

声明(或者选择)一个元素,将得到的值附给他

!!注意getItem是通过key值获取的

var lastname = localStorage.getItem("key");

removeItem删除数据

localStorage.removeItem("key");

LocalStorage参考链接