Html5中的LocalStorage

JS对象

读取形式:

1
localStorage.name

添加/修改

1
localStorage.name = "SugarMan"

其中”SugarMan”只能是字符串形式(目前为止只支持字符串)。所以存储时是JSON对象时需要执行下JSON.stringify,所以获取时需要执行下JSON.parse

删除

1
detele localStorage.name

API

获取键值对数量

1
localStorage.length

读取

1
localStorage.getItem('name'), localStorage.key(i)

添加/修改

1
localStorage.setItem('name','SugarMan')

删除对应键值

1
localStorage.removeItem('name')

删除所有数据

1
localStorage.clear()

顺便说下,LocalStorage有效期是永久的。一般的浏览器能存储的是5MB左右。SessionStorage api与LocalStorage相同。
SessionStorage默认的有效期是浏览器的会话时间(也就是说标签页关闭后就消失了)。
LocalStorage作用域是协议、主机名、端口。(理论上,不人为的删除,一直存在设备中)
SessionStorage作用域是窗口、协议、主机名、端口。

last update time 2022-03-03