瀏覽器localStorage 本地儲存

localstorage 儲存的特點 :

本地儲存 就是把資料儲存在瀏覽器端

1.如果我們把資料儲存在localstorage裡面 除非我們手動刪除, 否則他就會一直存在(關閉瀏覽 器 電腦重啟 等等 都不會刪除)

2.資料的本地儲存是按照不同**來儲存的(不同網域名稱) 不同**之間 資料不共享 但是同一**的不同頁面 資料共享

3.本地儲存資料 只能儲存字串, 對於複雜資料型別的儲存 會呼叫對應資料的tostring 方法 變成字串之後 在進行儲存

儲存複雜資料型別 使用: json.stringify 方法把複雜資料轉換成json字串,

對於複雜資料型別 我們先使用: json.stringify 方法把複雜資料轉換成json字串,

獲取的時候 使用: json.parse將其轉換回來 進行還原

// 儲存資料

獲取資料 localstorage.getitem(屬性名字串)
// 獲取資料

document.
getelementbyid
("btn2").
onclick
=function()
刪除資料 localstorage.removeitem(屬性名字串)
// 刪除資料  是一條一條刪

document.
getelementbyid
("btn3").
onclick
=function()
清除資料 localstorage.clear()
// 清空資料

document.
getelementbyid
("btn4").
onclick
=function()
儲存物件 :
//  儲存物件

document.
getelementbyid
("btn5").
onclick
=function()
var json =
json
.stringify
(obj1)
; localstorage.
setitem
("obj1"
, json)
}
獲取物件 :
// 獲取物件

document.
getelementbyid
("btn6").
onclick
=function()
 
瀏覽器的 local storage
瀏覽器 local storage 本地儲存 session storage 會話儲存 cookies 本地儲存 1.local storage local storage 是解決cookies儲存空間不足問題.cookle中每條cookie的儲存空間為4k.local storage 的儲存空間一...
瀏覽器快取之 LocalStorage
在html5中，新加入了webstorage特性，用來作為 本地儲存使用 用於解決cookie儲存空間不足的問題 webstorage分為兩類 localstorage和sessionstorage。優勢 1 拓展了cookie儲存容量的限制 2 localstorage可以將第一次請求的資料直接儲...
IE核心瀏覽器localStorage的乙個大坑
問題描述 edge瀏覽器同乙個網域名稱，開了多個切換卡，後來又開了個切換卡頁面，並在這個頁面中對此網域名稱下的localstorage的乙個專案值做了修改，發現前面的切換卡中專案值沒變，也就是說同網域名稱下localstorage發生變化，其他切換卡有些沒有同步成功。解決辦法 在localstora...