sessionStorage 和 localStorage 使用体会

sessionStorage 和 localStorage 区别

<1>sessionStorage 生命周期存在于当前窗口，当前窗口关闭了数据会消失，并且在不同窗口不共享数据。

1.窗口

2.窗口

sessionStorage 和 localStorage 使用体会

3.窗口关闭

sessionStorage 和 localStorage 使用体会

<2>localStorage 生命周期存在于浏览器中，当前窗口关闭了数据不会消失，并且在不同窗口可共享数据。

1.窗口1

sessionStorage 和 localStorage 使用体会

窗口2

sessionStorage 和 localStorage 使用体会

3.新窗口

sessionStorage 和 localStorage 使用体会

使用方式:

1.设置值：

sessionStorage 和 localStorage 使用体会

2.获取值：

sessionStorage 和 localStorage 使用体会

3.判断是否有key值

sessionStorage 和 localStorage 使用体会

4.查看h5存储的数据值

sessionStorage 和 localStorage 使用体会

5.查看h5存储的长度

sessionStorage 和 localStorage 使用体会

6.移除key对应的数据

sessionStorage 和 localStorage 使用体会

7.清理h5存储

sessionStorage 和 localStorage 使用体会

这上面的写法是我在浏览器中测试，并且图说明的，有疑问的话请在博客下留言。

转载于:https://my.oschina.net/saicyc/blog/779434