HTML5 – sessionStorage 与 localStorage

sessionStorage

sessionStorage 的使用：存储数据到本地。存储的容量为5MB左右。

1.这个数据本质是存储在当前页面的内存中

2.它的生命周期为关闭当前页面，关闭页面，数据会自动清除

setItem()

setItem(key, value) : 存储数据，以键值对的方式存储

window.sessionStorage.setItem('username', 'TZMing')

getItem()

getItem(key) :获取数据，通过指定名称的key获取对应的 value 值

window.sessionStorage.getItem('username')

removeItem()

removeItem(key) : 删除数据，通过指定名称 key 删除对应的值

window.sessionStorage.removeItem('username')

clean()

清空所有存储的内容

window.sessionStorage.clean()

localStorage

1.存储的内容大概 20MB

2.不同浏览器不能共享数据。但是在同一个浏览器的不同窗口中可以共享数据。

3.永久生效，它的数据是存储在硬盘上，并不会随着页面的或者浏览器的关闭而清除。

setItem()

setItem(key, value) : 存储数据，以键值对的方式存储

window.localStorage.setItem('username', 'TZMing')

getItem()

getItem(key) :获取数据，通过指定名称的key获取对应的 value 值

window.localStorage.getItem('username')

removeItem()

removeItem(key) : 删除数据，通过指定名称 key 删除对应的值

window.localStorage.removeItem('username')

clean()

清空所有存储的内容

window.localStorage.clean()