当前位置:网站首页>BOM系列之sessionStorage
BOM系列之sessionStorage
2022-08-03 12:42:00 【老__L】
目录
1、属性
1.1、length
1.1.1、概述
length 是 sessionStorage 接口的只读属性,返回一个整数,表示存储在 sessionStorage 对象里的数据项(data items)数量。
1.1.2、语法
var aLength = sessionStorage.length;
1.1.3、返回值
一个整数
2、方法
2.1、存储数据
2.1.1、概述
sessionStorage 接口的 setItem() 方法,接受一个键名和值作为参数,将会把键名添加到给定的 sessionStorage 对象中,如果键名已存在,则更新其对应的值。
2.1.2、语法
sessionStorage.setItem(keyName, keyValue);
2.1.3、参数
- keyName
一个 DOMString,表示要创建或更新的键名。
- keyValue
一个 DOMString,表示要创建或更新的键名对应的值。
2.1.4、返回值
undefined
2.1.5、异常
在存储已满的情况下,调用 setItem() 可能会抛出异常。开发人员应始终捕获 setItem() 可能抛出的异常。
2.2、获取数据
2.2.1、概述
getItem() 作为 sessionStorage 接口的方法,接受一个键名(key name)作为参数,并返回对应键名的值(key’s value)。
2.2.2、语法
var aValue = sessionStorage.getItem(keyName);
2.2.3、参数
- keyName
一个包含键名的 DOMString。
2.2.4、返回值
一个 DOMString,键名对应的值。如果键名不存在于存储中,则返回 null。
2.3、删除数据
2.3.1、概述
sessionStorage 接口的 removeItem() 方法,接受一个键名作为参数,会从给定的 sessionStorage 对象中删除该键名(如果存在)。 如果没有与该给定键名匹配的项,则此方法将不执行任何操作。
2.3.2、语法
sessionStorage.removeItem(keyName);
2.3.3、参数
- keyName
一个 DOMString,即你想要移除的键名。
2.3.4、返回值
无
2.4、清空数据(所有都清除掉)
2.4.1、概述
clear() 是 sessionStorage 接口的一个方法,调用它可以清空存储对象里所有的键值。
2.4.2、语法
sessionStorage.clear();
2.4.3、参数
无
2.4.4、返回值
无
2.5、键
2.5.1、概述
key() 作为 sessionStorage 接口的方法,接受一个数值 n 作为参数,返回存储对象第 n 个数据项的键名。键的存储顺序是由用户代理定义的,所以尽可能不要依赖这个方法。
2.5.2、语法
var aKeyName = sessionStorage.key(key);
2.5.3、参数
- key
一个整数,表示要获取的键名索引。
2.5.4、返回值
一个包含键名的 DOMString。
后记
如果你感觉文章不咋地
//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

边栏推荐
- 使用工作队列管理器(四)
- The Yangtze river commercial Banks to the interview
- Notepad++ 安装jsonview插件
- Yahoo! Answers-数据集
- 类和对象(中上)
- An工具介绍之骨骼工具
- 为冲销量下探中低端市场,蔚来新品牌产品定价低至10万?
- 便携烙铁开源系统IronOS,支持多款便携DC, QC, PD供电烙铁,支持所有智能烙铁标准功能
- How can I get a city's year-round weather data for free?Precipitation, temperature, humidity, solar radiation, etc.
- 类和对象(中下)
猜你喜欢

899. 有序队列

易观分析:2022年Q2中国网络零售B2C市场交易规模达23444.7亿元

nacos应用

Filebeat 如何保持文件状态?

AMS simulation

YOLOv5 training data prompts No labels found, with_suffix is used, WARNING: Ignoring corrupted image and/or label appears during yolov5 training

海外代购系统/代购网站怎么搭建——源码解析

为冲销量下探中低端市场,蔚来新品牌产品定价低至10万?

From the physical level of the device to the circuit level

B站回应“HR 称核心用户都是 Loser”:该面试官去年底已被劝退,会吸取教训加强管理
随机推荐
7月份最后一篇博客
新评论接口——京东评论接口
一次内存泄露排查小结
Classes and objects (upper)
Filebeat 如何保持文件状态?
Image fusion DDcGAN study notes
为冲销量下探中低端市场,蔚来新品牌产品定价低至10万?
An基本工具介绍之选择线条工具(包教会)
Redis连接池工具类
Five, the function calls
php microtime 封装工具类,计算接口运行时间(打断点)
漫谈缺陷管理的自动化实践方案
R语言使用ggpubr包的ggtexttable函数可视化表格数据(直接绘制表格图或者在图像中添加表格数据)、使用tab_add_vline函数自定义表格中竖线(垂直线)的线条类型以及线条粗细
技术分享 | 接口自动化测试如何搞定 json 响应断言?
Tinymce plugins [Tinymce扩展插件集合]
Free Internet fax platform fax _ don't show number
leetcode16最接近的三数之和 (排序+ 双指针)
一些测试相关知识
Use %Status value
信创建设看广州|海泰方圆亮相2022 信创生态融合发展论坛