数据的存储与获取
在localStorage中设置键值对数据可以应用setItem(),代码如下所示
localStorage.setItem("key", "value);
获取数据可以应用getItem(),代码如下所示;
var val = localStorage.getItem("key");
当然也可以直接使用localStorage的key方法,而不使用setItem和getItem方法,如下;
localStorage.key = "value";
var val = localStorage.key;
HTML5存储是基于键值对(key/value)的形式存储的,每个键值对称为一个项(item)存储和检索数据都是通过指定的键名,键名的类型是字符串类型。值可以是包括字符串、布尔值、整数,或者浮点数在内的任意JavaScript支持的类型。但是,最终数据是以字符串类型存储的。调用结果是将字符串value设置到sessionStorage中,这些数据随后可以通过键key获取。调用setItem()时,如果指定的键名已经存在,那么新传入的数据会覆盖原先的数据。调用getItem()时,如果传入的键名不存在,那么会返回null,而不会抛出异常。
数据的删除和清空
removeItem()用于从Storage列表删除数据代码如下:
var val = sessionStorage.removeItem(key);
也可以通过传入数据项的key从而删除对应的存储数据代码如下
var val = sessionStorage.removeItem(1);
说明:数字1会被转换为string,因为key的类型就是字符串。clear()方法用于清空整个列表的所有数据,代码如下:
sessionStorage.clear();
同时可以通过使用length属性获取Storage中存储的键值对的个数:
var val = sessionStorage.length;
注意:removeItem可以清除给定的key所对应的项,如果key不存在则“什么都不做”;clear会清除所有的项,如果列表本来就是空的就“什么都不做”