本地存储 localStorage

localStorage

特性

域内安全、永久保存。即客户端或浏览器中来自同一域名的所有页面都可访问localStorage数据且数据除了删除否则永久保存,但客户端或浏览器之间的数据相互独立。

判断浏览器是否支持localStorage

if(!window.localStorage){
            alert("浏览器支持localstorage");
            return false;
        }else{
            //主逻辑业务
        }

localStorage写入

localStorage.setItem(键名,键值)

 localStorage.setItem("coffeeType", "mocha");      
//存储键名为coffeeType和键值为mocha的数据到本地
 localStorage.setItem("coffeePrice", "28");       
//存储键名为coffeePrice和键值为28的数据到本地

localStorage读取

localStorage.getItem(键名)

 var data = localStorage.getItem("coffeeType");   
//读取对应键名为coffeeType的数据

localStorage删除

localStorage.removeItem(键名)
localStorage.clear()

localStorage.removeItem("coffeeType");           
//从本地存储中移除键名为coffeeType的数据
localStorage.clear();     
 //清除本地储存的所有数据
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容