Web存储API---sessionStorage和localStorage

Web存储API

简介：

1. 对于任何程序来说，能够实现数据存储是必备功能之一，并且在需要的时候能够提供数据。但在过去的Web客户端，没有能够支持数据存储的有效机制，cookie曾用来在客户端存储少量信息，但受其性质所限，cookie只能存储一些短的字符串

2. 在HTML5中提供了Web存储API，它是在cookie之上的增强。这个API允许我们在用户的硬盘上存储数据，并在日后使用这些数据。

3. API可以分成两个部分：

   • 信息必须且只在会话过程中使用—sessionStorage

     当浏览器窗口关闭时，数据全部丢失

   • 信息必须长期保存且由用户决定时长—localStorage

     关闭浏览器窗口时，数据继续使用

     数据只能由用户删除

查看sessionStorage、localStorage的位置

sessionStorage

1. sessionStorage这部分API就像是会话cookie的替代。

2. cookie以及sessionStorage都是在特定的时间段内保持数据可用。但cookie使用浏览器作为引用，而sessionStorage使用单个窗口作为引用，这就意味着，窗口关闭之后，sessionStorage就不能再使用。

3. 方法

1）设置数据
   
        setItem(key,value)

key - 作为存储数据的唯一标识
value - 存储的数据内容(number/string)

2) 根据标识获取数据

        var value = getItem(key);
   
3) 删除指定标识的数据

         removeItem(key);

4）将存储系统的所有数据删除

         clear()

5）根据索引值返回key

        var key = key(index);

3. 属性

   返回当前存储系统的数据个数

    .length
   

localStorage

1. 提供的属性和方法与sessionstorage一致

2. storage事件

   实现多个窗口之间共享数据内容

   问题：

   数据安全性低
   目前除Safari浏览器支持该事件，其他浏览器不支持