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

220230825-localstorage实现数据的增删改查

时间:2023-09-02 10:32:10浏览次数:47  
标签:sex console log 改查 220230825 setItem localstorage localStorage nam


演示案例

<!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>


标签:sex,console,log,改查,220230825,setItem,localstorage,localStorage,nam
From: https://blog.51cto.com/u_15460007/7330795

相关文章

  • C#访问SQLite完整增删改查代码
    文章转载自:https://wobushixiaohai.blog.csdn.net/article/details/117804179?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3-117804179-blog-103633083.235%5Ev38%5Epc_relevant_anti_vip_base&depth_1-u......
  • localstorage实现数据的增删改查
    演示案例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>......
  • 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......
  • 使用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......
  • 数据库基础三 数据库基本语法(增删改查)(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......