HTML5 之本地储存

292 阅读1分钟

本地存储

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

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

  • 方法

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

    • getItem(key) 读取存储内容

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

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

  • window.localStorage

    • 永久生效,除非手动删除(服务器方式访问然后清除缓存)

  • window.sessionStorage

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

  • 特性

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

    • 设置、读取方便

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

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

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