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