Html5本地存储之Localstorage

本文详细介绍了HTML5中的本地存储特性,包括localStorage和sessionStorage的区别、存储容量限制、存储时间及存储形式等,并提供了基本操作示例,如数据的设置、获取、清除等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       在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段如何取到。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值