HTML5 之本地储存

本地存储

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

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

• 方法

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

  • getItem(key) 读取存储内容

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

  • clear() 清空所有存储内容

• window.localStorage

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

• window.sessionStorage

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

• 特性

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

  • 设置、读取方便

  • 在同一个浏览器的不同窗口下数据可以共享

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

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