HTML5瀏覽器本地儲存

2021-07-16 18:20:26 字數 922 閱讀 8502

html5的本地儲存有兩種:localstorage和sessionstorage。

localstorage:不限制儲存時間,如果不刪除或者在瀏覽器中清除資料則會一直存在。

sessionstorage:在頁面建立的時候生成,頁面關閉時銷毀,不用主動刪除。

localstorage使用:

localstorage.name='galiyun';  //把galiyun儲存到name中

新增鍵值對:localstorage.setitem(key,value) 

localstorage.setitem('name','galiyun');

localstorage.setitem('ident','student');

獲取鍵值:localstorage.getitem(key)。

localstorage.getitem('name'); //返回galiyun

刪除鍵值對:localstorage.removeitem(key)。

localstorage.removeitem('ident'); //返回student

清除所有鍵值對:localstorage.clear()。

獲取localstorage的屬性名稱(鍵名稱):localstorage.key(index)。

獲取localstorage中儲存的鍵值對的數量:localstorage.length。

sessionstorage使用:

新增鍵值對:sessionstorage.setitem(key, value);

獲取鍵值:sessionstorage.getitem(key);

因為sessionstorage隨頁面建立而生成頁面關閉而銷毀,所以沒有刪除。

瀏覽器本地儲存

本地儲存 儲存讀取 刪除在瀏覽器端儲存資料 全域性變數 cookie sessionstorage localstorage 只能短時間儲存資料,頁面跳轉或重新整理後資料會消失 按儲存時間長短分成2種 會話cookie 視窗關閉即消失 持久化cookie 可以由程式設計師指定存活時間,關閉視窗也不會...

瀏覽器本地儲存

瀏覽器的本地儲存主要分為cookie webstorage indexdb,其中webstorage又可以分為localstorage和sessionstorage cookie cookie最開始被設計出來並不是為了做本地儲存。而是彌補http在狀態管理上的不足 http協議是乙個無狀態協議,客戶...

HTML5之本地儲存

html5之本地儲存 l cookie 資料儲存到計算機中,通過瀏覽器控制新增與刪除資料 l cookie的特點 儲存限制 網域名稱100個cookie,每組值大小4kb 客戶端 伺服器端,都會請求伺服器 頭資訊 本地儲存也會請求伺服器 頁面間的cookie是共享 l storage session...