H5新特性 本地儲存

2021-10-02 13:35:31 字數 771 閱讀 4759

注意:

本地儲存呼叫者必須統一,用臨時儲存儲存的資料,只有臨時儲存才能找到

localstorage

永久儲存(相對),其中的資料不隨著瀏覽器的開關而改變

sessionstorage

臨時儲存(相對),當瀏覽器關閉/當前頁面關閉時,資料消失,頁面重新整理時不會影響

兩者區別

local 和 session的區別:

判斷是否支援

if

(typeof

(storage)

!=="undefined"

)else

儲存資料
btn[0]

.onclick

=function()

獲取資料
btn[1]

.onclick

=function()

// 多個資料時,提供的思路如下

// var b = json.parse(sessionstorage.getitem("text"));

//遍歷 forin

//將in 後面 的屬性 逐個取出 存到 in前面的變數中

//for(變數 in 物件){}

// for(var k in b)

}

刪除資料
btn[2]

.onclick

=function()

h5本地儲存

web storage分為兩種 sessionstorage localstorage 從字面意思就可以很清楚的看出來,sessionstorage將資料儲存在session中,瀏覽器關閉也就沒了 而localstorage則一直將資料儲存在客戶端本地 儲存資料 localstorage.setit...

h5 本地儲存

h5為了規範 以前就是cookies,session localstorage 1.永久生效 除非手動刪除掉 2.多視窗共享 3.容量大約20m window.localstorage.setitem key,value 設定內容 window.localstorage.getitem key 獲取...

H5本地儲存

本地儲存分兩種 他們的用法一樣,儲存大小在5m左右 儲存 setitem 儲存value localstorage.setitem name value 儲存json資料 localstorage.setitem name json stringify value 獲取資料 getitem loca...