sessionStorage用于本地存儲一個會話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。
而localStorage用于持久化的本地存儲,除非主動刪除數(shù)據(jù),否則數(shù)據(jù)是永遠不會過期的。
web storage和cookie的區(qū)別
1、前者數(shù)據(jù)不受限,cookie存儲大小受限
2、每次請求cookie都會發(fā)送到服務,浪費寬帶
3、cookie訪問受作用域限制
4、web storage有自己的setItem,getItem,removeItem,clear等方法,cookie需要前段自己開發(fā)set、get方法
5、web storage 只是為了在本地存儲數(shù)據(jù),cookie作為與服務器的交互不可或缺,作為http的一部分
localStorage和sessionStorage使用
setItem存儲value
用途:將value存儲到key字段
用法:.setItem( key, value)
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");getItem獲取value
用途:獲取指定key本地存儲的值
用法:.getItem(key)
代碼示例:
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");removeItem刪除key
用途:刪除指定key本地存儲的值
用法:.removeItem(key)
代碼示例:
sessionStorage.removeItem("key"); localStorage.removeItem("site");clear清除所有的key/value
用途:清除所有的key/value
用法:.clear()
代碼示例:
sessionStorage.clear(); localStorage.clear();