一、Cookie存储

存在时间最久的本地存储,这种存储方式不完全脱离网络,前后台进行交互时还是需要网络

存储大小:4kb

有效期:在有效期内数据可被访问过了有效期数据消失

本地存储——本地缓存—存储在当前的浏览器

Web存储—本地存储Cookie_本地存储
Web存储—本地存储Cookie_ico_02

Web存储—本地存储Cookie_数据_03

Web存储—本地存储Cookie_数据_04
Web存储—本地存储Cookie_cookie_05

Web存储—本地存储Cookie_cookie_06
Web存储—本地存储Cookie_数据_07
Web存储—本地存储Cookie_数据_08
Web存储—本地存储Cookie_cookie_09
Web存储—本地存储Cookie_本地存储_10

Web存储—本地存储Cookie_本地存储_11
Web存储—本地存储Cookie_本地存储_12

场景:

  • 登录窗口 记住我(时间限制)
  • 存储页面之前共享的数据等等

Web存储—本地存储Cookie_本地存储_13
Web存储—本地存储Cookie_cookie_14

语法

  • 过期时间 不是当前的时间 未来的时间
  • 时间格式:格林尼治时间 toUTCString()

代码演示

Web存储—本地存储Cookie_本地存储_15
Web存储—本地存储Cookie_数据_16

如果存储的信息是中文则需要转码(转码只是转中文)

汉字转码: encodeURIComponent(内容)

中文解码: decodeURIComponent(内容)

Web存储—本地存储Cookie_cookie_17

Web存储—本地存储Cookie_本地存储_18

学不动了 睡觉 明天见!!!