什么是 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)