html5指南-5.使用webstorage存储键值对的数据_html5教程技巧

本节课的内容是介绍web storage，使用它在浏览器里存储键值对的数据，功能上像以前的cookie一样，不过他更好，存储的数据可以更大。有两种类型的web storage：local storage和session storage，他们使用相同的实现机制，只是可见性和生命周期不同。
1.使用local storage
我们使用localStorage对象来访问local storage，他返回Storage对象，Storage用来存储键值对的数据，他有下面一些属性和方法：
clear()：清楚存储的键值对数据；
getItem()：通过key获取value值；
key()：通过索引获取key值；
length：返回键值对的个数；
removeItem()：通过key移出指定数据；
setItem(,)：添加一个键值对，当指定key的键值对存在，则实现更新操作；
[]：通过数组下标的方式，使用key获取指定value值。
Storage对象允许我们存储key和value都是字符串形式的键值对数据，key是唯一的，意味着当我们使用setItem方法添加键值对时，如果key值已经存在的话，将实现更新的操作。我们来看下面的例子：

代码如下:

Key:

Value:

Add
Clear

There are items

Item Count:	-

登录

  记住我的登录 忘记密码？

登录

我已阅读用户协议及版权声明

注册