cookie、localStorage和sessionStorage的特点及用法

cookie

一般由服务器生成,存放到客户端(浏览器中的)可以设置失效时间;若没有设置时间,关闭浏览器cookie失效,若设置了时间,cookie就会存放在硬盘里,过期才失效.存储大约4Kb,存放条数30-50条左右,

// Date时间函数
var d = new Date() // 获取系统内置时间
var o = d.getTime() // 获取当前的时间戳
var b = d.getTime()+(7*60*60*24*1000) // 7天后的时间戳
var b = d.getTime()+(6000) // 6秒后的时间戳
d.setTime(b) // 根据时间戳设置日期
d.toGMTString() // 格林威治时间
d.toUTCString() // 世界时间

// 存储
document.cookie = 'sex=女';

// 存储并且设置过期时间
document.cookie='sex=女;expires='+d.toUTCString()

// 存储过期时间并设置存储位置 '/' 保存到根目录
document.cookie = 'sex=女;expires='+d.toUTCString() + ";path=/";

// 读取
console.log(document.cookie)

localStorage 本地存储

存储大小一般浏览器支持的是5Mb大小.永久有效,窗口或者浏览器关闭也会一直保存,不会自动清除,要手动永久清除,因此用作持久数据

localStorage.setItem('name','张三') // 添加
localStorage.setItem('name','李四') // 相同key的情况下是修改,现在localStorage存储的是name="李四"
localStorage.getItem('name') // 根据key(索引,键值)获取对应的值
localStorage.removeItem('name') // 根据键名删除
localStorage.clear() // 清除全部的localStorage

sessionStorage 临时存储

存储大小为5Mb大小, 仅在当前浏览器窗口关闭之前有效,关闭页面或者浏览器会被清除

sessionStorage.setItem('name','张三') // 添加
sessionStorage.setItem('name','李四') // 相同key的情况下是修改,现在sessionStorage存储的是name="李四"
sessionStorage.getItem('name') // 根据key(索引,键值)获取对应的值
sessionStorage.removeItem('name') // 根据键名删除
sessionStorage.clear() // 清除全部的sessionStorage

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值