localstorage de yongfa

1. **设置一个项目**

    ```javascript
    localStorage.setItem("myCat", "Whiskers");
    ```

2. **获取一个项目**

    ```javascript
    let myCat = localStorage.getItem("myCat");
    ```

3. **删除一个项目**

    ```javascript
    localStorage.removeItem("myCat");
    ```

4. **清除所有项目**

    ```javascript
    localStorage.clear();
    ```

5. **检查一个项目是否存在**

    ```javascript
    if (localStorage.getItem("myCat")) {
      // 项目存在
    } else {
      // 项目不存在
    }
    ```

6. **遍历所有项目**

    ```javascript
    for (let i = 0; i < localStorage.length; i++) {
      let key = localStorage.key(i);
      let value = localStorage.getItem(key);
    }
    ```

7. **监听存储事件**

    ```javascript
    window.addEventListener("storage", function(event) {
      // 做一些事情
    });
    ```

8. **使用 JSON.stringify() 和 JSON.parse() 来存储和检索对象**

    ```javascript
    let myObj = { name: "Whiskers", age: 5 };
    localStorage.setItem("myObj", JSON.stringify(myObj));

    let myObj2 = JSON.parse(localStorage.getItem("myObj"));
    ```

9. **使用 localStorage 来存储用户偏好**

    ```javascript
    // 获取用户的语言偏好
    let languagePreference = localStorage.getItem("languagePreference");

    // 如果用户没有设置语言偏好,则使用默认语言
    if (!languagePreference) {
      languagePreference = "en";
    }

    // 设置语言偏好
    localStorage.setItem("languagePreference", languagePreference);

    // 使用用户的语言偏好来设置网站的语言
    document.documentElement.lang = languagePreference;
    ```

10. **使用 localStorage 来存储表单数据**

    ```javascript
    // 获取表单数据
    let formData = new FormData(document.querySelector("form"));

    // 将表单数据存储到 localStorage
    localStorage.setItem("formData", JSON.stringify(formData));

    // 当用户返回页面时,从 localStorage 中获取表单数据并填充表单
    let formData2 = JSON.parse(localStorage.getItem("formData"));
    for (let [key, value] of formData2) {
      document.querySelector(`input[name="${key}"]`).value = value;
    }
    ```

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/663681.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

让Unity迭代器性能提升5倍

最近在研究Unity il2cpp的代码生成和编译优化&#xff0c;结合之前遇到过的一个优化案例&#xff0c;给大家讲讲在Unity中迭代器相关代码生成的底层原理&#xff0c;以及在写代码过程中需要注意的一些特殊情况。 案例 首先我们来看一个非常简单的案例&#xff0c;代码如下&am…

Linux实验记录:使用Apache服务部署静态网站

前言&#xff1a; 本文是一篇关于Linux系统初学者的实验记录。 参考书籍&#xff1a;《Linux就该这么学》 实验环境&#xff1a; VmwareWorkStation 17——虚拟机软件 RedHatEnterpriseLinux[RHEL]8——红帽操作系统 目录 前言&#xff1a; 备注&#xff1a; 正文&…

【C语言进阶篇】assert宏 使用详解

文章目录 一、assert简介 二、assert使用方法和规则 2.1 头文件 2.2 原型 2.3 功能 2.4 示例 2.5 assert的打开与关闭 三、注意事项 3.1 运行效率问题 3.2 assert只适用于调试版本 3.3 资源释放与清理 3.4 过度依赖 四、总结 个人主页&#xff1a; 倔强的石头的…

API横向越权修复之ID加密

横向越权 横向越权一般发生在应用系统做了【认证】&#xff0c;但没有做【鉴权】的情况下&#xff0c;也是最常见的漏洞之一。 认证&#xff1a;即识别是否有权限访问系统&#xff1b;鉴权&#xff1a;即识别在系统中的权限是什么&#xff1b; 例如&#xff1a; // 访问某…

氢气传感器报警值:守护实验室安全的隐形卫士

随着科技的发展&#xff0c;我们的生活变得越来越便捷&#xff0c;但是与此同时&#xff0c;安全问题也日益凸显。其中&#xff0c;氢气作为一种清洁能源&#xff0c;被广泛应用于各个领域&#xff0c;但是如果不加以控制&#xff0c;氢气泄漏也可能带来严重的安全隐患。因此&a…

柔性电流探头方向判断有哪些方法?干货分享!

柔性电流探头方向判断的方法干货分享&#xff01;从理论到实践&#xff0c;助您成为专业人士&#xff01;干货收藏&#xff0c;快看起来吧&#xff01;      柔性电流探头方向判断一直是电力行业测试中的关键问题之一&#xff0c;确切地判断电流方向对于测试电力系统的稳定…

Docker部署xxl-job调度器并结合SpringBoot测试

文章目录 一、Docker部署1. 创建数据库2. 启动容器3. 访问4. 新建执行器 二、SpringBoot整合1. 模块注册到执行器2. 创建配置类3. 启动测试 三、任务发布-普通任务1. 编写任务代码2. 创建任务3. 启动任务 四、任务发布-分片任务1. 编写任务代码2. 启动多个实例3. 创建任务4. 启…

MYSQL Case When搜索查询

Case When可以用作select语句中的搜索&#xff0c;如果满足条件&#xff0c;就给字段附上结果值。 语法&#xff1a; CASE WHEN 表达式1 THEN 结果1 WHEN 表达式2 THEN 结果2WHEN 表达式3 THEN 结果3ELSE 其他结果 END简单的例子&#xff1a; 当学生表tb_student里&#xff…

CTF特训(二):青少年CTF-MISC部分WP

FLAG&#xff1a;当觉得自己很菜的时候&#xff0c;就静下心来学习 专研方向:MISC&#xff0c;CTF 每日emo&#xff1a;听一千遍反方向的钟&#xff0c;我们能回到过去吗&#xff1f; CTF特训(二)&#xff1a;青少年CTF-MISC部分WP&#xff1a; 文章目录 CTF特训(二)&#xff1…

IDEA开发使用 thymeleaf 模板$表达式报红波浪线解决方案

系列文章目录 文章目录 系列文章目录后端存值前端取值thymeleaf 后端存值 RequestMapping("/testModelAndView")//使用ModelAndView时返回的方法类型必须是ModelAndViewpublic ModelAndView testModelAndView() {//创建ModelAndView对象ModelAndView mav new Model…

QT播放gstreamer命令(三)---使用QMediaPlayer

前文&#xff1a; 因为之前听说过&#xff0c;QMediaPlayer已经集成了gstreamer&#xff0c;但是并没有什么接口来例子来说明&#xff0c;根本看不出来有任何gstreamer的形式&#xff0c;于是在QT5助手里面搜了一下&#xff0c;发现确实有gstreamer的痕迹&#xff0c;但是例子写…

vue中template原理

在Vue中&#xff0c;template具有非常重要的作用&#xff0c;它能将数据渲染到用户界面上&#xff0c;达到我们所预想的效果。Vue的template是基于类似于html的语法&#xff0c;但是它还有一些独特的规则。在Vue中&#xff0c;template语法会被转换成虚拟DOM&#xff0c;在和Vu…

谷歌浏览器网站打不开,显示叹号

问题&#xff1a; 您与此网站之间建立的连接不安全请勿在此网站上输入任何敏感信息&#xff08;例如密码或信用卡信息&#xff09;&#xff0c;因为攻击者可能会盗取这些信息。 了解详情 解决方式&#xff1a; 网上有很多原因&#xff0c;亲测为DNS问题&#xff0c;设置&…

Qt之窗口位置

Qt提供了很多关于获取窗体位置及显示区域大小的函数&#xff0c;如x&#xff08;&#xff09;&#xff0c;y()和pos()&#xff0c;rect()&#xff0c;size()&#xff0c;geometry()等&#xff0c;统称为"位置相关函数"或"位置函数"。几种主要位置函数及其之…

82.1W/S的QPS到底大不大?

QPS&#xff0c;全称是Query Per Second&#xff0c;即每秒查询次数。它是一种衡量系统处理能力的重要指标。"每秒1万"的QPS对于一般的个人网站或者中小型网站来说&#xff0c;是相当高的。但是对于大型网站、互联网公司或高并发系统来说&#xff0c;可能就略显不足。…

第0章 Linux 基础入门

第0章 Linux 基础入门 RHCSA Red Hat Certified System Administrator 红帽认证系统管理员。 什么是计算机 计算机的组成&#xff1a; 控制器 运算器 存储器 输出设备 输入设备 计算机只能识别0和1&#xff0c;也就是二进制数。 为什么要学习Linux Linux 因其高效率…

Python||五城P.M.2.5数据分析与可视化_使用华夫图分析各个城市的情况(上)

目录 五城P.M.2.5数据分析与可视化——北京市、上海市、广州市、沈阳市、成都市&#xff0c;使用华夫图分析各个城市的情况 1.北京市的空气质量 2.广州市的空气质量 【上海市和成都市空气质量情况详见下期】 五城P.M.2.5数据分析与可视化——北京市、上海市、广州市、沈阳市、成…

重发布

一&#xff1a;作用 在两种路由协议之间&#xff0c;或者一个协议的不同进程之间&#xff0c;借助ASBR &#xff08;同时工作在两种协议或 者协 议的不同进程中&#xff09;学习到两个网络的路由信息&#xff0c;并且通过重发布进行路由共享&#xff0c;最终实现全网可 达。…

在mysql中我有一列字段,字段类型是Decimal,保留了2位小数,我想过滤这2位小数中不为0的数字,如何过滤呢?

直接看SQL如何实现 SELECT * FROM your_table_name WHERE amount - FLOOR(amount) > 0;解释 这里的FLOOR(amount)函数会返回amount的整数部分&#xff0c;amount - FLOOR(amount)就会得到小数部分。如果小数部分大于0&#xff0c;表示这个数字的小数部分不为0 扩展 如果…

大模型实践笔记(1)——GLM-6B实践

目录 在Ubuntu上的配置Git Large File Storage 安装Git LFS&#xff1a; 设置Git LFS&#xff1a; 使用Git LFS&#xff1a; 安装GLM-6B 环境依赖 ChatGLM2-6B介绍 配置GLM 下载代码 构建环境 安装依赖 本地部署 网页UI 很多模型在hugging face上面&#xff0c;…