码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • BOM系列之localStorage


    目录

    • 1、属性
      • 1.1、length
        • 1.1.1、概述
        • 1.1.2、语法
        • 1.1.3、返回值
    • 2、方法
      • 2.1、存储数据
        • 2.1.1、概述
        • 2.1.2、语法
        • 2.1.3、参数
        • 2.1.4、返回值
        • 2.1.5、异常
      • 2.2、获取数据
        • 2.2.1、概述
        • 2.2.2、语法
        • 2.2.3、参数
        • 2.2.4、返回值
      • 2.3、删除数据
        • 2.3.1、概述
        • 2.3.2、语法
        • 2.3.3、参数
        • 2.3.4、返回值
      • 2.4、清空数据(所有都清除掉)
        • 2.4.1、概述
        • 2.4.2、语法
        • 2.4.3、参数
        • 2.4.4、返回值
      • 2.5、键
        • 2.5.1、概述
        • 2.5.2、语法
        • 2.5.3、参数
        • 2.5.4、返回值
    • 后记


    1、属性

    1.1、length

    1.1.1、概述

    length 是 localStorage 接口的只读属性,返回一个整数,表示存储在 localStorage 对象里的数据项(data items)数量。

    1.1.2、语法

    var aLength = localStorage.length;
    
    • 1

    1.1.3、返回值

    一个整数

    2、方法

    2.1、存储数据

    2.1.1、概述

    localStorage 接口的 setItem() 方法,接受一个键名和值作为参数,将会把键名添加到给定的 localStorage 对象中,如果键名已存在,则更新其对应的值。

    2.1.2、语法

    localStorage.setItem(keyName, keyValue);
    
    • 1

    2.1.3、参数

    • keyName

    一个 DOMString,表示要创建或更新的键名。

    • keyValue

    一个 DOMString,表示要创建或更新的键名对应的值。

    2.1.4、返回值

    undefined

    2.1.5、异常

    在存储已满的情况下,调用 setItem() 可能会抛出异常。开发人员应始终捕获 setItem() 可能抛出的异常。

    2.2、获取数据

    2.2.1、概述

    getItem() 作为 localStorage 接口的方法,接受一个键名(key name)作为参数,并返回对应键名的值(key’s value)。

    2.2.2、语法

    var aValue = localStorage.getItem(keyName);
    
    • 1

    2.2.3、参数

    • keyName

    一个包含键名的 DOMString。

    2.2.4、返回值

    一个 DOMString,键名对应的值。如果键名不存在于存储中,则返回 null。

    2.3、删除数据

    2.3.1、概述

    localStorage 接口的 removeItem() 方法,接受一个键名作为参数,会从给定的 localStorage 对象中删除该键名(如果存在)。 如果没有与该给定键名匹配的项,则此方法将不执行任何操作。

    2.3.2、语法

    localStorage.removeItem(keyName);
    
    • 1

    2.3.3、参数

    • keyName

    一个 DOMString,即你想要移除的键名。

    2.3.4、返回值

    无

    2.4、清空数据(所有都清除掉)

    2.4.1、概述

    clear() 是 localStorage 接口的一个方法,调用它可以清空存储对象里所有的键值。

    2.4.2、语法

    localStorage.clear();
    
    • 1

    2.4.3、参数

    无

    2.4.4、返回值

    无

    2.5、键

    2.5.1、概述

    key() 作为 localStorage 接口的方法,接受一个数值 n 作为参数,返回存储对象第 n 个数据项的键名。键的存储顺序是由用户代理定义的,所以尽可能不要依赖这个方法。

    2.5.2、语法

    var aKeyName = localStorage.key(key);
    
    • 1

    2.5.3、参数

    • key

    一个整数,表示要获取的键名索引。

    2.5.4、返回值

    一个包含键名的 DOMString。


    后记

    如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
    如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
    如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
    谢谢各位读者们啦(^_^)∠※!!!

    在这里插入图片描述

  • 相关阅读:
    LeetCode Cookbook 链表习题 下篇
    一千题,No.0077(计算谱半径)
    二、VUE3 基础教程
    Vue中的插槽v-slot
    1782_Adobe Reader X实现pdf分页保存
    Image Tag Parameter
    汉诺塔的2个非递归解法
    NUC980 添加XT25BF256BWSIG spi-nor flash
    ARMday2
    Linux操作系统的基础知识
  • 原文地址:https://blog.csdn.net/weixin_62277266/article/details/126132976
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号