本地儲存之sessionStorage

2021-10-09 10:07:05 字數 1311 閱讀 5440

1.生命週期為關閉瀏覽器視窗

2.再用乙個視窗(頁面)下資料可以共享

3.以鍵值對的形式儲存使用。

格式

儲存資料

sessionstorage.setitem(key,value)

獲取資料

sessionstorage.getitem(key)

刪除資料

sessionstorage.removeitem(key)

刪除所有資料

sessionstorage.clear()

"text"

>

="set"

>儲存資料<

/button>

="get"

>獲取資料<

/button>

="remove"

>刪除資料<

/button>

="del"

>清空所有資料<

/button>

var ipt = document.

queryselector

('input');

//儲存資料

varset

= document.

queryselector

('.set');

set.

addeventlistener

('click'

,function()

)//獲取資料

varget

= document.

queryselector

('.get');

get.

addeventlistener

('click'

,function()

)//刪除資料

var remove = document.

queryselector

('.remove');

remove.

addeventlistener

('click'

,function()

)//清空資料

var del = document.

queryselector

('.del');

del.

addeventlistener

('click'

,function()

)<

/script>

Web 本地儲存和Vue本地儲存例項

資料的設定和讀取比較方便。容量較大,sessionstorage大約為5mb,localstorage大約為20mb。只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify 或者parse 進行序列化和反序列化編碼 sessionstorage的儲存週期只有一次會...

android 本地儲存

android的本地儲存分為以下幾種 來自官方 shared preferences 儲存鍵值對 internal storage 私有資料到記憶體 external storage 公共資料 外部儲存 sqlite databases 資料庫儲存 network connection 網路儲存 s...

localStorage 本地儲存

1 localstorage和sessionstorage一樣都是用來儲存客戶端臨時資訊的物件。2 他們均只能儲存字串型別的物件 雖然規範中可以儲存其他原生型別的物件,但是目前為止沒有瀏覽器對其進行實現 3 localstorage生命週期是永久,這意味著除非使用者顯示在瀏覽器提供的ui上清除loc...