老莫的笔记本  
  
查看: 1088|回复: 0

localStorage 的使用

[复制链接]

664

主题

880

帖子

5155

积分

超级版主

Rank: 8Rank: 8

积分
5155
发表于 2018-11-1 16:23:54 | 显示全部楼层 |阅读模式
本帖最后由 周大胖子 于 2018-11-2 09:24 编辑

先掰扯一下  localStorage 是替代cookie 的, 区别在:
1.缓存大小不一样: 一个5MB   一个 4KB
2. cookie 缓存时间 可以设置 ,localStorage  不行3. cookie 有存储路径, 而 localStorage   没有
4. 兼容  localStorage   属于html5


基础使用:
判断是否兼容
  1. if(typeof(Storage)!=="undefined")
  2. {
  3.     // 是的! 支持 localStorage  sessionStorage 对象!
  4.     // 一些代码.....
  5. } else {
  6.     // 抱歉! 不支持 web 存储。
  7. }
复制代码
基础使用:
localStorage.setItem(key,value);    保存数据
localStorage.getItem(key);    读取数据
localStorage.removeItem(key);   删除单个数据
localStorage.clear();      删除所有数据
localStorage.key(index);   得到某个索引的key

参考文献:http://www.runoob.com/html/html5-webstorage.html



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表