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

20230829-sessionStorage实现数据的增删改查

时间:2023-09-02 10:38:08浏览次数:35  
标签:20230829 console log sessionStorage age 改查 增删


sessionStorage实现数据的增删改查

# sessionStorage实现数据的增删改查 (sessionStorage的方法对比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>
    <h3>sessionStorage增删改查</h3>
</head>

<body>
    <script>
        var key = 'nam';
        var value = 'Mike';
        var age;
        sessionStorage.setItem(key, value);
        sessionStorage.age = 18;
        console.log(sessionStorage);

        sessionStorage.removeItem(key);
        sessionStorage.clear();

        sessionStorage.setItem('age', 25);
        sessionStorage.nam = 'Lucy';

        console.log(sessionStorage.getItem('nam'));
        console.log(sessionStorage.age);
        console.log(sessionStorage.valueOf());

    </script>
</body>

</html>


标签:20230829,console,log,sessionStorage,age,改查,增删
From: https://blog.51cto.com/u_15460007/7330754

相关文章

  • 20230829-实现圣杯布局
    左右两边固定,中间自适应的布局方式(圣杯布局)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Do......
  • 20230829-给ui下面的li绑定事件
    给ui下面的li绑定事件#给下面的每个li绑定点击事件点击打印的结果分别是123(提示:事件委托)<ul><li>1<li><li>2<li><li>3<li></ul><!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-......
  • 20230829-面试题html+css5道题记录
    css预处理工具参考答案:CSS预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。css预处理器种类繁多,三种主流css预处理器是Less、Sass(Scss)及Stylus;它们各自的背景如下:Sass:2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框......
  • 220230825-localstorage实现数据的增删改查
    演示案例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>......
  • 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......
  • 日记20230829
    膨胀节带单法兰与管口的配合方法:在罐区装配体中,将膨胀节带单法兰添加进入装配体,虽然没有配合到位,你仍然按照正常程序,设置管路特征,确定退出。生成一个管道装配体,这个装配体以膨胀节带单法兰开始,后面有一小段直管道。确认,编辑这个管道装配体。将膨胀节没有装法兰的一面和罐区装......
  • 使用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......