web本地儲存

2021-08-17 07:43:18 字數 1008 閱讀 3544

localstorage、sessionstorage

localstorage     (長期儲存) :資料依然會一直存在 (手動清除)

1. 儲存資料到本地

sessionstorage.setitem('email', '[email protected]');   

localstorage.setitem('email', '[email protected]');

2. 從本地儲存獲取資料

sessionstorage.getitem('email');   

localstorage.getitem('email');

3. 本地儲存中刪除某個儲存的資料

sessionstorage.removeitem('email');   

localstorage.removeitem('email');

4. 刪除所有儲存的資料

sessionstorage.clear();   

localstorage.clear();

5. 監聽本地儲存的變化

window.addeventlistener('storage', function (e) )
瀏覽器檢視方法

最大容量是多少?傳說5m

web本地儲存

隨著網際網路的快速發展,基於網頁的應用越來越普遍,同時也變的越來越複雜,為了滿足各種各樣的需求,會經常性在本地儲存大量的資料,傳統方式我們以 document.cookie來進行儲存的,但是由於其儲存大小只有4k左右,並且解析也相當的複雜,每一次傳送請求都會攜帶上cookie,會造成頻寬的浪費,給開...

web 本地儲存

說明 對瀏覽器來說,使用 web storage 儲存鍵值對比儲存 cookie 方式更直觀,而且容量更大,它包含兩種 localstorage 和 sessionstorage localstorage 長期儲存 與 sessionstorage 一樣,但是瀏覽器關閉後,資料依然會一直存在 api...

web本地儲存

web storage是html5裡面引入的乙個類似於cookie的本地儲存功能,可以用於客戶端的本地儲存,其相對於cookie來說有以下幾點優勢 可選擇性強 語法非常簡單 儲存資料 localstorage.setitem key,value sessionstorage.setitem key,...