js sessionStorage对象使用详解

柔情只为你懂 2023-10-05 08:16 22阅读 0赞

### sessionStorage ###

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

### 1 属性 ###

#### 1.1 length ####

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

示例：

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

### 2 方法 ###

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

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

格式：setItem(key,value);

示例：

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

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

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

格式：setItem(key);

示例：

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

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

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

格式：removeItem();

示例：

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

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

说明：删除所有数据 。

格式：clear();

示例：

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

发表评论取消回复

表情：

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

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

相关阅读

相关 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 赞/ 23 阅读

相关 java sessionstorage_sessionStorage的使用

一、需求场景：一个文件资源器的功能： 1、前端页面选择特定路径中的数据(使用Ztree) 2 、由服务器对该数据进行解析，按照自定义的模型将其包装成一个Json返回给前端(

一时失言乱红尘/ 2022年11月08日 11:52/ 0 赞/ 155 阅读

相关 js 对象使用

js对象操作 (function(){ / Author：LiAnAn WorkflowAPI

r囧r小猫/ 2022年08月09日 17:34/ 0 赞/ 260 阅读

相关 JS Event对象详解

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

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

相关 js localStorage，sessionStorage

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

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

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

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

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

相关 sessionStorage 存储json对象

例子： data = [{ "id": "1", "staffCode": "xf12121", "staffName

Myth丶恋晨/ 2021年10月08日 06:24/ 0 赞/ 313 阅读

相关 JS Event对象详解

`Event`对象 `Event` 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。一旦事件发生,便会生成`Event`对象，如

左手的ㄟ右手/ 2021年06月26日 16:06/ 0 赞/ 462 阅读

相关 js页面缓存，localStorage和sessionStorage使用总结

localStorage、sessionStorage是Html5的特性,不支持及IE7下浏览器 localStorage和sessionSt...

测试账号/ 2021年01月19日 17:29/ 0 赞/ 760 阅读