localstorage 儲存的特點 :
本地儲存 就是把資料儲存在瀏覽器端儲存資料 localstorage.setitem(屬性名字串,屬性值)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...