首页>内容

localStorage储存

小坏蛋 / / 评论 / 阅读 / 赞
作者有点忙，还没写简介

文章描述：

localStorage是一个本地储存对象，长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

首先在使用 localStorage 的时候，我们需要判断浏览器是否支持 localStorage 这个属性：

$(function() {
    if (!window.localStorage) {
        alert("浏览器不支持localstorage");
        return false;
    } else {
        //主逻辑业务
        console.log('loading');
    }
})

存储

var arr = [0, 1, 2, 3];
localStorage.setItem("num", arr);

读取

var str = localStorage.getItem("num");
console.log(str);

修改

localStorage.setItem("num", '123456');

删除

localStorage.removeItem('name');

清除所有

localStorage.clear();

sessionStorage 、localStorage和cookei的区别：

特性 Cookie localStorage sessionStorage
数据的生命周期 一般由服务器生成，可设置生效时间。如果在
浏览器端生成Cookie，默认是关闭浏览器后失效		 除非被清除，
否则永久保存		 仅在当会话下有效，关闭页面或者浏览器后被清除
存放数
据大小		 4K左右 一般为5MB
与服务器端
通信		 每次都会携带在HTTP头中，如果使用cookie保存
过多数据会带来性能问题		 仅在客户端（即浏览器）中保存，不惨与和服务器的通信
易用性 需要程序员自己封装，源生的Cookie接口不友好 源生接口可以接受，亦可再次封装来对
Object和Array有更好的支持
发布时间：2021/06/18

相关阅读

发表评论

登录

最近发表