web端緩存臨時數(shù)據(jù)

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();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容