HTML5 Web存储用户数据

什么是 HTML5 Web 存储?

使用HTML5可以在本地存储用户的浏览数据。

早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能.

数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

客户端存储数据的两个对象为:

  • localStorage - 没有时间限制的数据存储, 除非用户注销,否则永久存在
  • sessionStorage - 针对一个 session页面 的数据存储(关闭窗口,存储的数据清空

setItem存储value

用途:将value存储到key字段
用法:.setItem( key, value)

window.sessionStorage.setItem(key, value)

window.localStorage.setItem(key, value)

getItem获取value

用途:获取指定key本地存储的值
用法:.getItem(key)

window.sessionStorage.getItem(key)

window.localStorage.getItem(key)

removeItem删除value
用途:删除指定key本地存储的值
用法:.removeItem(key)

window.sessionStorage.removeItem(key)

window.localStorage.removeItem(key)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容