掌握JS的localStrage和sessionStorage

1.重点

        掌握localStorage使用

        掌握sessionStorage使用

2.了解Web Strage的简介

        随着互联网的快速发展,基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足日益更新的需求，会经常性的在本地设备上存储数据，例如记录历史活动信息。传统方式使用document.cookie来进行存储，但是由于其存储的空间只有4KB左右，并且需要复杂的操作进行解析，给发开者带来很多不便，为此，HTML5规范提出了本地存储的解决方案。

        HTML5的本地存储解决方案中定义了两个重要的API:Web Storage和本地数据库Web SQL Database。本章将重点讲述Web Storage的基本用法。

3.Web Storage的特点

设置数据和读取数据比较方便

容量较大，sessionStorage约5M,localStorage约20M

只能存储字符串，如果要存储JSON对象，可以使用window.JSON的stringify)方法和parse()方法进行序列化和反序列化。

4.localStrage和sessionStorage

        localStorage -用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

         sessionStorage -用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

5.掌握JS的localStrage

        localStorage对象存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

        不管是localStorage，还是sessionStorage，可使用的API都相同，Storage接口中提供了一些方法和属性

</

方法&属性	描述
setltem(key,value)	该方法接收一个键名和值作为参数，将会把键值对添加到存储中，如果键名存在，则更新其对应的值
getltem(key)	该方法接收一个键名作为参数,返回键名对应的值
romoveltem(key)	该方法接收一个键名作为参数，并把该键名从存储中删除
length	类似数组的length属性,用于访问Storage对象中item的数量。
key(n)	用于访问第n个key的名称
clear()	清除当前域下的所有localSotrage内容