Web Storage使用總結

2022-10-10 16:24:09 字數 1561 閱讀 9226

by kin

2016.12.20

瀏覽器支援情況

webstorage是什麼?

method of storing data locally like cookies, but for larger amounts of data (sessionstorage and localstorage, used to fall under html5).

一種儲存資料在本地的方法像cookies一樣,但用於儲存大量的資料(html5標準下的sessionstorage 和 localstorage)

webstorage提供了localstorage 和 sessionstorage 兩個api。

本地儲存,除非被顯示的刪除,否則一直存在。資料大小為5mb。

只在當前會話下存在,關閉瀏覽器或頁面後被清除。資料大小為5mb。使用方法與localstorage。

使用

localstorage api

var ls=window.localstorage;

// 儲存資料

// 資料以string型別的儲存在本地

ls.setitem('one',1);

// 取出資料

ls.getitem('one');//1

// 刪除某個鍵值對

ls.removeitem('one');

// 刪除全部

ls.clear();

// 返回本地儲存的個數

ls.length;

sessionstorage api

api和使用方法與localstorage相同

sessionstorage 、localstorage 和 cookie 之間的區別

cookie是**為了標示使用者身份而儲存在使用者本地終端(client side)上的資料(通常經過加密)。

cookie資料始終在同源的http請求中攜帶(即使不需要),記會在瀏覽器和伺服器間來回傳遞。

sessionstorage和localstorage不會自動把資料發給伺服器,僅在本地儲存。

儲存大小:

cookie資料大小不能超過4k。

sessionstorage和localstorage 雖然也有儲存大小的限制,但比cookie大得多,可以達到5m或更大。

localstorage 儲存持久資料,瀏覽器關閉後資料不丟失除非主動刪除資料;

sessionstorage 資料在當前瀏覽器視窗關閉後自動刪除。

cookie 設定的cookie過期時間之前一直有效,即使視窗或瀏覽器關閉

web storage 的區別和使用

1.web storage html5 的web storage 包括localstorage 和sessionstorage 兩種。其中,localstorage 沒有儲存時間限制,在不主動刪除的情況下資料永遠有效,而sessionstorage 屬於會話級別的儲存,使用者關閉瀏覽器視窗以後資料就...

Web Storage實用指南

本文一共分為兩章。第一章講web storage的使用,目標是讓大家看完第一章後基本能應對80 的使用場景。第二章會講一些web storage的高階知識,包括一些標準,沒有太多看的必要,但是也會有點小用。當乙個新的技術出現時 已經不新了 我們都會想知道 這個技術的出現是為了解決什麼問題的?所以,w...

web storage和cookie的區別

1.cookie的大小是受限的 2.每次你請求乙個新的頁面的時候cookie都會被傳送過去,這樣無形中浪費了頻寬 3.cookie還需要指定作用域,不可以跨域呼叫 4.web storage擁有setitem,getitem等方法,cookie需要前端開發者自己封裝setcookie,getcook...