【黑马】本地存储

不爱吃菜的蔡菜

已于 2022-07-19 11:21:37 修改

阅读量237

点赞数

分类专栏： Web APIs + 网页特效 + 本地存储文章标签：前端 javascript 本地存储

于 2022-05-21 00:50:27 首次发布

本文链接：https://blog.csdn.net/muziqwyk/article/details/124892604

版权

本文介绍了HTML5的本地存储特性，包括sessionStorage和localStorage的使用方法及区别。通过案例展示了如何利用localStorage实现记住用户名的功能，详细解释了数据的存储、读取、删除操作，并指出它们在不同窗口间的共享行为。

摘要由CSDN通过智能技术生成

本地存储

随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。

本地存储特性

1、数据存储在用户浏览器中

2、设置、读取方便、甚至页面刷新不丢失数据

3、容量较大，sessionStorage约5M、localStorage约20M

4、只能存储字符串，可以将对象JSON.stringify() 编码后存储

1、生命周期为关闭浏览器窗口

2、在同一个窗口(页面)下数据可以共享

3. 以键值对的形式存储使用

        set.addEventListener('click', function () {
            var val = input.value;
            localStorage.setItem('uname', val);
        })

关注

专栏目录