首页 > 其他分享 >localstorage实现数据的增删改查

localstorage实现数据的增删改查

时间:2023-09-01 16:04:33浏览次数:41  
标签:console log 改查 nam setItem localstorage key 增删 localStorage

演示案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //增
        var key = 'sex';
        var value = 'man';
        localStorage.setItem('nam', 'Mike');
        localStorage.setItem(key, value);
        localStorage.age = '18';
        console.log(localStorage);
        //查
        console.log(localStorage.age);
        console.log(localStorage.getItem('nam'));
        console.log(localStorage.valueOf());
        //改
        localStorage.setItem('nam', 'Lucy');
        //删
        localStorage.removeItem('sex');
        localStorage.clear();
    </script>
</body>

</html>

标签:console,log,改查,nam,setItem,localstorage,key,增删,localStorage
From: https://blog.51cto.com/u_14476028/7323845

相关文章

  • python字典的应用一(增删改查)
    #一.有如下字典内容用程序解答下面的题目dic={'python':95,'java':99,'c':100}#1.字典的长度是多少print(len(dic))#2.请修改'java'这个key对应的value值为98dic["java"]=98print(dic)#3.删除c这个keydeldic["c"]print(di......
  • 6-6 Oracle表复杂查询 -合并查询-增删改数据
    Oracle基础知识整理:C站下载链接1Oracle基础知识2Oracle安装(附详细安装操作手册)3Oracle基本使用4Oracle用户管理6-1Oracle表的管理-创建修改表6-2Oracle表的管理-表查询6-3Oracle表的管理-表复杂查询6-4Oracle表复杂查询-多表查询6-5Oracle表复杂查询-子查询文章......
  • 使用SpringBoot实现网页版交互式增删改查
    1、新建项目选中以下几个DevelopTools:2、引入依赖<dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency>......
  • Java中MongoDB的mongoTemplate使用(增删改查)
    注:本文只讲在java中的使用,并且只简单讲一下本人在开发中遇到的一部分并不完全概括在cmd中的请自行查看其他博主.简单准备:想用它就得引入它:<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-mongodb......
  • hibernate——简单的增删改查
    增删改比较简单,查稍微复杂一点。查询有两种方式,一种是通过hql语句和Query接口来实现,一种是条件查询,通过Ctiteria接口来实现,下面举例说明:UserDao接口:packagecom.suo.hibernate.dao;importjava.util.List;importcom.suo.domain.User;publicinterfaceUserDao{ publicv......
  • localstorage本地存储及token,vuex刷新数据丢失问题⚡⚡⚡
    1.vuex和axios安装,引入,使用1.1vuexa安装和使用vuex3.x版本的官网安装教程:安装|Vuexvuex4.x版本的官网安装教程:安装|Vuexnpminstallvuex--save2.在src下新建文件夹store,并在文件夹中新建文件index.js,如下:importVuexfrom'vuex'//引入user模块化modules......
  • Gorm实现数据库增删查改——mysql篇
    本文的目标本文力图实现用简短的篇幅,结合一些具体的应用场景来讲述gorm基本的增删查改功能。Gorm介绍在现代软件开发中,数据库操作是构建应用程序不可或缺的一部分。GORM是Go语言的一个ORM(ObjectRelationalMapping)库。它可以让我们通过Go来操作数据库中的数据。其中ORM(Obje......
  • 数据库基础三 数据库基本语法(增删改查)(DML与DDL)
    数据库(命令行操作DDL)(1)创建数据库--1、创建数据库CREATEDATABASEIFNOTEXISTSchange818;--建立change818数据库(IFNOTEXISTS可以不写,但是数据库名不能重复)--2、创建数据库并指定字符集CREATEDATABASEIFNOTEXISTSchange818DEFAULTCHARACTERSETutf8COLLATE......
  • mybatis <foreach>标签动态增删改查方式
    摘要目录<foreach>标签动态增删改查mybatis<foreach>实战有了建表以及插入,当然少不了删除和更新mapper.xml中<foreach&目录<foreach>标签动态增删改查mybatis<foreach>实战有了建表以及插入,当然少不了删除和更新mapper.xml中<foreach>标签使用适用场景 <......
  • Django 基于DRF的列表增删改查
    基于DRF的列表增删改查目录基于DRF的列表增删改查1表结构2基于APIView实现对course表获取所有数据,增加数据2.1ser2.2views2.3urls3基于ListAPIView、CreateAPIView实现获取所有数据,增加数据3.1ser3.2views3.3urls4基于ModelViewSet实现Course表实现增删改查4.1ser4.2......