Web Storage 存储

1.Web Storage

1.1 概述

web storage提供了一种比cookie更加直观方式来存储数据，其结构为键/值对。

web storage中提供两种机制：

1、sessionStorage，为每个指定的源维护一个独立的存储区域，该存储区域内的数据在页面会话期间可用（浏览器处理要开状态）

2、localStorage，为每个指定的源维护一个独立的存储区域，该存储区域内的数据即使在浏览器关闭后，仍然存在。

这两种机制可以通过window.sessionStorage和window.localStorage进行访问。

1.2 方法

• setItem()

setItem()方法用于将键名添加到存储中，如果键名已经存在，则更新其值，语法结构是：

storage.setItem(key,value)

• getItem()

getItem()方法用于返回对指定键名的值，其语法结构是：

variable = storage.getItem(name)

• removeItem()

removeItem()方法用于删除指定的键名，如果键名不存在，则不执行任何操作，其语法结构是：

storage.removeItem(key)

• clear()

clear()方法用于清除所有的键名，其语法结构是：

storage.clear()

• key()

key()用于返回指定索引值的键名，但需要注意的是：键名的顺序由浏览器决定！语法结构是：

variable = storage.key(index)

1.3属性

• length

length属性用于返回数据项的数量，其语法结构是：

variable = storage.length