js localStorage对象使用详解

ゝ一世哀愁。 2023-10-05 08:18 29阅读 0赞

### localStorage ###

说明：用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除，最多保存5M数据。

### 1 属性 ###

#### 1.1 length ####

说明：返回存储对象中包含多少条数据。

示例：

var len=0;
    if(!!localStorage){
        len=localStorage.length;
    }

### 2 方法 ###

#### 2.1 setItem() ####

说明：添加键和值，如果对应的值存在，则更新该键对应的值，数据必须为string类型。

格式：setItem(key,value);

示例：

if(!!localStorage){
        //保存string数据
        localStorage.setItem("key", "value");
        //保存json数据
        var json={
            "1":"1"
            ,"2":"2"
        };
        localStorage.setItem("json", JSON.stringify(json));
    }

#### 2.2 getItem() ####

说明：得到指定键的数据 ，数据为string类型。

格式：setItem(key);

示例：

if(!!localStorage){
        //得到string数据
        var value=localStorage.getItem("key");
        //得到string数据，将其转换成json数据
        var json=localStorage.setItem("json");
        json=eval("("+json+")");
    }

#### 2.3 removeItem() ####

说明：删除指定键的数据 。

格式：removeItem();

示例：

if(!!localStorage){
        localStorage.removeItem("key");
    }

#### 2.4 clear() ####

说明：删除所有数据 。

格式：clear();

示例：

if(!!localStorage){
        localStorage.clear();
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关 js localStorage对象使用详解

localStorage 说明：用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除，最多保存5M数据。 1 属性 1.1 length 说明

ゝ一世哀愁。/ 2023年10月05日 08:18/ 0 赞/ 30 阅读

相关 js sessionStorage对象使用详解

sessionStorage 说明：用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据，最多保存5M数据。 1 属性 1.1 len

柔情只为你懂/ 2023年10月05日 08:16/ 0 赞/ 22 阅读

相关清理localstorage_vue 界面刷新数据被清除 localStorage的使用详解

localStorage是html5新增的一个本地存储API,它有5M的大小空间,通过(key,value)的方式存储在浏览器中 window.localStorage.se

Love The Way You Lie/ 2022年10月28日 12:27/ 0 赞/ 384 阅读

相关 localStorage存储json对象

看这篇文章，建议看我上面的一篇文章 [html5中的web存储功能][html5_web]：http://blog.csdn.net/m0\_37568521/article

小咪咪/ 2022年06月12日 04:43/ 0 赞/ 220 阅读

相关 JS Event对象详解

JS Event对象详解参考资料: [js添加事件和移除事件:addEventListener()与removeEventListener()][js_addEve

妖狐艹你老母/ 2022年05月31日 07:42/ 0 赞/ 216 阅读

相关 js localStorage本地存储json对象并追加数据

记录一下 localStorage的更过相关知识可以去：[http://www.w3school.com.cn/html5/html\_5\_webstorage.asp]

梦里梦外;/ 2022年04月18日 03:57/ 0 赞/ 545 阅读

相关 js localStorage，sessionStorage

一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了co

曾经终败给现在/ 2022年04月14日 02:38/ 0 赞/ 182 阅读

相关 vue中 localStorage的使用方法（详解）

vue中实现本地储存的方法：localStorage，在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空

分手后的思念是犯贱/ 2021年11月04日 10:24/ 0 赞/ 499 阅读

相关前端：使用sessionStorage、localStorage存储数组与对象。

先介绍一下localStorage localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象，页面必须来自同一个域

灰太狼/ 2021年10月23日 14:22/ 0 赞/ 482 阅读

相关 localstorage存取字符串/数组/对象——js技能提升

在上一篇文章中提到了，在进行某种操作后，需要存储在本地部分内容，可以是布尔值、字符串、数组、对象等，然后在另一个页面中需要获取存储的值，这就需要用到`localstorage`

红太狼/ 2021年07月26日 00:35/ 0 赞/ 467 阅读