關於瀏覽器本地儲存

2021-09-30 00:19:26 字數 1226 閱讀 5542

通過瀏覽器對資料進行本地儲存

2、設定cookie

document.cookie=「name=value」;存字串

3、獲取cookie

document.cookie:得到所有的儲存資訊,以;隔開,通過字元拆分成陣列split()

4、修改已經儲存的資料

重新覆蓋

document.cookie=「name=111」;

document.cookie=「name=aaa」;

5、修改儲存時間

document.cookie=「name=value,expires=時間」;

例如設定一年:

var data=new date();

data.setfullyear=(data.getfullyear()+1);

如何刪除時間只能讓儲存時間過期

ps:只能獲取同乙個檔案的儲存資訊

封裝呼叫cookie

1、設定

window.localstorage.setitem(key,value)

window.localstorage.setitem(『user』,『pi』)

2、適用範圍,同乙個ip都可以檢視,本地和伺服器訪問都可以

3、儲存數量大約5m

4、如何獲取

window.localstorage.getitem('user):得到value

6、刪除儲存

window.localstorage.removeitem(『user』)

7、清空

window.localstorage.clear()

8、將物件換成字串

json.stringify(引數)

引數:需要轉換的字串,字串變物件

9、將字串換成物件

json.parse(引數)

引數:需要轉換的物件,字串變字串

瀏覽器本地儲存

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

瀏覽器本地儲存

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

瀏覽器的本地儲存

瀏覽器的本地儲存主要分為cookie webstorage和indexeddb,其中webstorage又可以分為localstorage和sessionstorage。cookie1.容量缺陷。cookie 的體積上限只有4kb,只能用來儲存少量的資訊。2.效能缺陷。cookie 緊跟網域名稱,不...