HTML5 之本地储存

本地存储

本质：存储数据，以便在须要时获取。相似变量，只不过变量存储在内存中，本地存储存储在硬盘中。

应用场景：邮箱登陆记住用户名、搜索历史关键字

• 方法

  • setItem(key, value) 设置存储内容

  • getItem(key) 读取存储内容

  • removeItem(key) 删除键值为key的存储内容

  • clear() 清空全部存储内容

• window.localStorage

  • 永久生效，除非手动删除（服务器方式访问而后清除缓存）

• window.sessionStorage

  • 生命周期为关闭浏览器窗口

• 特性

  • 不一样的浏览器之间数据不能共享

  • 设置、读取方便

  • 在同一个浏览器的不一样窗口下数据能够共享

  • 容量较大，sessionStorage约5M、localStorage约20M

  • 只能存储字符串，能够将对象JSON.stringify() 转换为字符串后再存储