本地存储（window.sessionStorage与window.localStroage）

一、window.sessionStorage

1、介绍

1、周期：关闭浏览器窗口

2、在同一页面下，数据共享

3、以键值对形式存储（Application->Storage->Session Storage）

2、方法

1、存储

localStorage.setItem('username', val);

2、获取

localStorage.getItem('username')

3、删除

localStorage.removeItem('username');

4、删除所有

localStorage.clear();

 

二、window.localStroage

1、生命周期永久有效，除非手动删除，否则关闭页面也存在

2、可以多页面共享（同一浏览器）

3、键值对存储

2、用法与上面一致

只能保存字符串格式，如果是数组格式，需要转换为字符串JSON.stringfy(arr)，取数据时，字符串格式不好取，我们需要转换为JSON格式，用JSON.parse()