前端localStorage的訪問及刪除 詳細

2021-10-24 09:37:21 字數 885 閱讀 9789

window.localstorage.

setitem

('key'

,value)

但有時value為乙個物件object,以上面的方式寫入,會出現讀取的返回值為的情況,但這並不是我們想要的,此時我們需要使用新的方式傳入object

通過json.stringify(object)方法將物件轉化為乙個json格式的字串進行儲存

window.localstorage.

setitem

('param'

,json

.stringify

(object)

)

window.localstorage.

getitem

("key"

)

相對的,讀取json格式字串,我們是無法直接使用的,需要將它轉換為物件之後才是我們想要的結果,所以我們需要呼叫 json.parse()方法來進行轉化

json

.parse

(window.localstorage.

getitem

("key"

))

我們通過以下方法來刪除對應key以及key中的內容

window.localstorage.

removeitem

('key'

)

清空localstorage中所有的key;

注意:請謹慎使用,它會清空所有的本地儲存資料

window.localstorage.

clear

()

前端儲存 localStorage

發布自在html5中,引入了兩個新的前端儲存特性 這兩者非常相似,都是用來在前端儲存一定量的資料,稱為前端儲存,但是這兩者仍然存在一定區別 儲存大小 儲存位置 儲存內容型別 獲取方式 可見localstorage適合在前端儲存長時間使用的資料,而sessionstorage適合儲存短期使用 一次性的...

localstorage 前端儲存

function win,doc else if typeof argument string else 刪除localstorage param val string null rmitems function val else win.local storage local storage wi...

前端儲存 localStorage

在html5中,引入了兩個新的前端儲存特性 這兩者非常相似,都是用來在前端儲存一定量的資料,稱為前端儲存,但是這兩者仍然存在一定區別 儲存大小 儲存位置 儲存內容型別 獲取方式 可見localstorage適合在前端儲存長時間使用的資料,而sessionstorage適合儲存短期使用 一次性的資料 ...