JS高階 本地儲存

2022-07-08 15:33:27 字數 1044 閱讀 1350

當web伺服器向瀏覽器傳送網頁後,鏈結關閉,則會遺忘使用者所有資料資訊,想要記住使用者資訊就需要本地儲存

----cookie    ---localstorage    ---sessionstorage

cookie: 93年出現,弊端:大小、數量受限制,預設情況下每一條資料會傳送到伺服器,針對cookie的缺陷,html5出現了localstorage和sessionstorage

localstorage(localstorage和sessionstorage屬性、方法相同的)

localstorage:是一種沒有時間限制的資料儲存方式,關閉瀏覽器也不會消失,除非手動刪除(永久生命週期)

sessionstorage: 階段、會話:網頁開啟——網頁關閉 (階段生命週期)

localstorage的方法: 傳入獲取的值都是string

檢視本地資料長度

localstorage.setitem("name","zhangsan");

localstorage.setitem("name","lisi");//只能新增一條,再新增就會覆蓋之前的,比如lisi會覆蓋zhangsan

localstorage.name="lisi";//也只能新增一條

let obj =

let str = json.stringify(obj);//str

localstorage.setitem('key',str)//key

1.localstorage.getitem('key') //key

let result = json.parse(localstorage.getitem('key'))

//result=

2.localstorage.key

localstorage.removeitem()

localstorage.clear();

JS 本地儲存

隨著網際網路的快速發展,基於網頁的應用越來越普遍,同時也變的越來越複雜,為了滿足各種各樣的需求,會經常性在本地儲存大量的資料,html5規範提出了相關解決方案。1 資料儲存在使用者瀏覽器中 2 設定 讀取方便 甚至頁面重新整理不丟失資料 3 容量較大,sessionstorage約5m locals...

js 本地儲存 物件儲存

使用getitem 和setitem 來取資料和存資料 localstorage.setitem data item 設定data為 item localstorage.getitem data 獲取data的值 html5還提供了乙個key 方法,可以在不知道有哪些鍵值的時候使用var stora...

js本地儲存詳解

各種儲存方案 cookies 瀏覽器均支援,容量為4kb localstorage html5,容量為5m sessionstorage html5,容量為5m userdata 僅ie支援,容量為64kb flash 100kb,非html原生,需要外掛程式支援 google gears sqli...