Html5本地存储之Localstorage

hong 2015-03-30

       在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。

       Localstorage可以简单理解为小型数据库。

       其大小官方给出的文档是:每个域名5M;

       其存储时间是:永久存储,永不失败,除非手动删除;

       其存储形式是:key—>value 即键值对,存储。

       其支持情况大家可以用CAN I USE 查询。

       Localstorage的操作一般有以下几个:

      1、setItem  向localstorage存储数据,但必须是字符串(注意之处)。

var number = {1,2,3,4,5};
localstorage.setItem("num", JSON.stringify(number));

      2、getItem  从localstorage获取已经存储的数据。

number = JSON.parse(localstorage.getItem("num"));

      3、clear 清楚localstorage的所有存储。

localstorage.clear();

      4、key 获取第几个数据(从0开始)。

localstorage.key(0);

       使用时注意事项:

       1.使用前要判断浏览器是否支持。

       2.写数据时,需要异常处理,避免超出容量抛错。

       3.避免把敏感的数据信息存入localstorage。

      4.key的唯一性(新的数据会覆盖老的数据)。

      使用限制:

      1.存储更新策略,过期控制。

      2.子域名之间不能共享存储数据

      3.超出存储大小后如何存储(LRU,FIFO)。

      4.server段如何取到。

相关推荐