点击这里给我发消息 点击这里给我发消息

使用 HTML5 Storage

添加时间:2013-12-6
    相关阅读: HTML JavaScript
HTML5 Storage 基于键值对存储。你要存储的数据需要有一个名字作为键,然后你就可以使用这个键读取这个数据。这个键是一个字符串;数据则可以是 JavaScript 支持的任何数据类型,包括字符串、布尔值、整数和浮点数。但是,我们通常将数据作为字符串进行存储。如果你存储读取非字符串数据,你就得使用类似 parseInt() 或者 parseFloat() 这样的函数,将读取的数字转换成所需要的 JavaScript 数据类型。

interface Storage {
    getter any getItem(in DOMString key);
    setter creator void setItem(in DOMString key, in any data);
};

调用 setItem() 时需要有一个键作为参数。如果这个键已经存在,则原有的值将被覆盖。getItem() 也要有一个键作为参数,如果该键不存在,则会直接返回 null,不会引发异常。

正如其他的 JavaScript 对象,你可以将 localStorage 对象作为一个关联数组。除了使用 getItem() 和 setItem() 函数,也可以直接使用方括号语法。例如:

var foo = localStorage.getItem("bar");
// ...
localStorage.setItem("bar", foo);也可以写成:

var foo = localStorage["bar"];
// ...
localStorage["bar"] = foo;

当然也有函数,用于删除已有的值,清空整个存储区域(也就是一次性将所有键和值全部删除)等。

interface Storage {
    deleter void removeItem(in DOMString key);
    void clear();
};

调用 removeItem() 时传入一个不存在的键不会做任何动作。

最后,有一个属性可以获得存储区域中值的总数,借助另外一个函数则可以使用索引进行遍历(获取每个键的名字)。

interface Storage {
    readonly attribute unsigned long length;
    getter DOMString key(in unsigned long index);
};

调用 key() 的索引如果不在 0 – (length-1) 之间,函数将返回 null。

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册