資料的設定和讀取比較方便。
容量較大,sessionstorage
大約為5mb,localstorage
大約為20mb。
只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify()
或者parse()
進行序列化和反序列化編碼
sessionstorage
的儲存週期只有一次會話(關閉瀏覽器就會消失)
localstorage
的儲存週期是永久的(關閉瀏覽器資料還在),除非使用者手動清除瀏覽器快取檔案
window.localstorage.setitem('鍵','值')
window.sessionstorage.setitem('鍵','值')
方法/屬性
描述
key(n)
該方法用於返回儲存物件中第n個key的名稱
setitem(key, value)
該方法接收乙個鍵名和值作為引數,將會把鍵值對新增到儲存中,如果鍵名存在,則更新其對應的值
getitem(key)
該方法接收乙個鍵名作為引數,返回鍵名對應的值
removeitem(key)
該方法刪除鍵名為key的儲存內容
clear()
該方法清空所有儲存內容
length
該屬性返回storage儲存物件中包含的item的數量
設定資料
獲取資料
刪除資料
} }
x總數:}
clear
data: ,
methods: ,
//單擊刪除按鈕觸發事件,清除指定下標陣列的值
del: function (index) ,
//單擊清空按鈕,清除陣列arr裡所有是值
delall: function ()
},//監聽事件
watch:
}})
web本地儲存
localstorage sessionstorage localstorage 長期儲存 資料依然會一直存在 手動清除 1.儲存資料到本地 sessionstorage.setitem email gengwenx yeah.net localstorage.setitem email gengw...
web本地儲存
隨著網際網路的快速發展,基於網頁的應用越來越普遍,同時也變的越來越複雜,為了滿足各種各樣的需求,會經常性在本地儲存大量的資料,傳統方式我們以 document.cookie來進行儲存的,但是由於其儲存大小只有4k左右,並且解析也相當的複雜,每一次傳送請求都會攜帶上cookie,會造成頻寬的浪費,給開...
web 本地儲存
說明 對瀏覽器來說,使用 web storage 儲存鍵值對比儲存 cookie 方式更直觀,而且容量更大,它包含兩種 localstorage 和 sessionstorage localstorage 長期儲存 與 sessionstorage 一樣,但是瀏覽器關閉後,資料依然會一直存在 api...