html5 存储方式

时间:2024-01-16 13:29:56

localstorage(永久保存)&&sessionstorage(重新打开浏览器会消失)

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等

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

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

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

clear清除所有的key/value
用途:清除所有的key/value
用法:.clear()

sessionStorage和localStorage提供的key()和length可以方便的实现存储的数据遍历

application cache

indexedDB