本地存储：localStorage和sessionStorage

　　 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来
越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统
方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左
右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解
决方案，使用sessionStorage和localStorage存储数据。

一、特性：

 　　1、设置、读取方法

　　 2、容量较大

　　 3、能存储字符串

二、两者的区别

　　1、sessionStorage:

　　  （1）生命周期为关闭浏览器窗口

　　  （2）在同一个窗口下数据可以共享

      （3）容量为5M

    2、localStorage:

       （1）永久生效，除非手动删除

　　   （2）可以多窗口分享(多窗口仅限同一个浏览器，且是每次打开的都是同一个浏览器)

　　　 （3）容量约20M

三、使用

　　1、localStorage　　

　　　　window.localStorage.setItem(key,value);设置存储的数据

　　　　window.localStorage.getItem(key);获取数据

　　　　window.localStorage.removeItem(key);删除数据

　　　　window.localStorage.clear();清空所有数据

　　2、sessionStorage　　

　　　　window.sessionStorage.setItem(key,value);设置存储的数据

　　　　window.sessionStorage.getItem(key);获取数据

　　　　window.sessionStorage.removeItem(key);删除数据

　　　　window.sessionStorage.clear();清空所有数据

四、注意点

　　1、数据都是以字符串的形式被存储，即使是对象也需要转换成json字符串的形式存储

　　2、可以存储多个键值对，即类似多维数组形式。实例：var dt = [{"name":'小明',“age”:"20","sex":"男"}]

 

内容比较简单，自己做一个记录，方便以后查阅，有不对的地方，请大家多多指教，谢谢！！