JS存储对象

存储对象：

HTML5新增api
存储一些数据，最大存储量5M

1.sessionStorage(会话存储)

生命周期：浏览器关闭即清除。

2.localStorage(本地存储)

生命周期：会一直存在，直到用户手动删除。

3.cookie：存储数据，最大存储量为4k

生命周期：如果没有设置过期时间，那么浏览器关闭即清除掉
如果设置了过期时间，那么到期数据会自动清除。

sessionStorage和localStorage方法和属性都相同

• 属性：
  length:获取到存储数据的条数

• 方法：

1. setItem(key,value);设置会话存储
   key:表示存储数据的键名
   value:表示存储数据的键值

2.getItem():返回指定key的value

3.removeItem():移除指定key的数据

4.clear():清除所有数据

5.key(n):获取到第n条存储数据

            sessionStorage.setItem('userName','JS');
            sessionStorage.setItem('pw','123');
console.log(sessionStorage.getItem('userName'));//JS

//查看方式在浏览器中按F12--Appilication--SessionStorage