localStorage의 로컬 스토리지에 대한 간략한 토론-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

localStorage의 로컬 스토리지에 대한 간략한 토론

零下一度

Jun 24, 2017 pm 02:38 PM

localstorage사용저장현지의단순한

페이지를 만들 때 로컬 저장소를 사용할 때 오늘은 localStorage 로컬 저장소에 대해 이야기하겠습니다.

1.localStorage.name="老王"; //로컬 데이터 저장소를 설정하는 첫 번째 방법 localStorage

2. localStorage.setItem("color","red"); up Storage 로컬 데이터 방법

3, localStorage.removeItem("name"); //로컬 저장소 데이터 삭제

4, localStorage.name //로컬 데이터 가져오기
localStorage.getItem("set") //다른 방법 get it 로컬 데이터 메소드

5 localStorage.key(0) //이전에 저장된 데이터의 이름을 가져옵니다. 괄호 안의 값은 배열과 동일합니다.

6. 로컬에서 모두 삭제합니다. 저장된 데이터

7.localStorage .setItem("set1","{'name':'Xiao Li','age':'1314'}") //json 형식으로 저장, 1. 항목 수 저장 2 . 추출이 용이함

8. var Price =localStorage.getItem("set1") // 저장된 로컬 데이터 가져오기
　obj=eval('('+price+')') //json 형식 문자열을 객체로 변환
Alert(obj.age) //값 호출

code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    localStorage.name="杜人龙";
    localStorage.name="小花"; //第一种设置本地数据的方法
    localStorage.setItem("set","小菊"); //第二种设置本地数据的方法
    localStorage.setItem("set1","{&#39;name&#39;:&#39;小李&#39;,&#39;age&#39;:&#39;1314&#39;}") //保存为json格式
    localStorage.removeItem("name"); //删除本地存储数据
    alert(localStorage.name) //获取本地数据
    alert(localStorage.getItem("set"))  //另一种获取本地数据的方法

    alert(localStorage.key(0)) //获取前面保存数据的名称 括号中的数值和数组相同

    var price=localStorage.getItem("set1")
    obj=eval(&#39;(&#39;+price+&#39;)&#39;)
    alert(obj.age)
    localStorage.clear()  //清楚本地所有数据


</script>
</body>
</html>

저장 위치

위 내용은 localStorage의 로컬 스토리지에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

为什么localstorage无法成功保存数据？Jan 03, 2024 pm 01:41 PM

存储数据到localstorage为何总是失败？需要具体代码示例在前端开发中，我们经常需要将数据存储在浏览器端，以便提高用户体验和方便之后的数据访问。Localstorage是HTML5提供的一项用于客户端存储数据的技术，它提供了一种简单的方法来存储数据，并且可以在页面刷新或关闭后保持数据的持久化。然而，当我们使用localstorage进行数据存储时，有时

设置localstorage项的过期时间的方法Jan 11, 2024 am 09:06 AM

如何设置localstorage的过期时间，需要具体代码示例随着互联网发展的迅猛，前端开发中经常需要在浏览器中保存数据。而localstorage是一种常用的WebAPI，旨在提供了一种在浏览器中本地存储数据的方式。然而，localstorage并没有提供一个直接的方法来设置过期时间。本文将介绍如何通过代码示例来实现设置localstorage的过期时间。

恢复被删除的Localstorage数据的方法有哪些？Jan 11, 2024 pm 12:02 PM

如何恢复被删除的Localstorage数据？Localstorage是一种用于在网页中存储数据的技术。它被广泛应用于各种网页应用程序中，以便在多个页面之间共享数据。然而，有时候我们可能会意外地删除了Localstorage中的数据，这给我们带来了困扰。那么，如何恢复被删除的Localstorage数据呢？下面是具体的步骤和代码示例。步骤1：停止写入Loca

本地存储为何不能正确保存数据？Jan 03, 2024 pm 01:41 PM

localstorage为什么无法正常保存我的数据？在Web开发中，我们经常需要将用户的数据保存在本地，以便在用户下次访问网站时能够快速加载或恢复数据。而在浏览器中，我们可以使用localStorage来实现这个功能。然而，有时候我们会发现使用localStorage保存的数据并不能正常工作。那么，为什么会出现这种情况呢？在理解为什么localStorage

localstorage为什么不安全Oct 10, 2023 pm 05:38 PM

localstorage不安全的原因是数据不加密、XSS攻击、CERF攻击、容量限制等。详细介绍：1、数据不加密，localstorage是一个简单的键值对存储系统，它将数据以明文形式存储在用户的浏览器中，这意味着任何人都可以轻松地访问和读取存储在localstorage中的数据，如果敏感信息存储在localstorage中，那么黑客或恶意用户可以轻松地获取这些信息等等。

使用localstorage存储数据的步骤Jan 11, 2024 am 09:14 AM

如何使用localstorage存储数据？简介：localstorage是一种HTML5提供的浏览器本地存储机制，通过它可以方便地在浏览器中存储和读取数据。本文将介绍如何使用localstorage存储数据，并提供具体的代码示例。本文共分为以下几个部分：1、localstorage简介；2、使用localstorage存储数据的步骤；3、代码示例；4、常见问

为什么localstorage不安全Dec 13, 2023 pm 05:37 PM

localstorage不安全的原因：1、存储内容可被篡改；2、数据可被窃取；3、数据可被伪造；4、跨站点脚本攻击；5、清除浏览器数据。详细介绍：1、存储内容可被篡改，localStorage中的数据是存储在用户的浏览器中的，这意味着任何能够访问该浏览器的人都可以查看和修改localStorage中的数据；2、数据可被窃取，由于localStorage中的数据是存储在用户等等。

localstorage是什么Dec 19, 2023 pm 02:07 PM

localStorage是一种Web API，可以在Web浏览器中存储和检索数据，它允许网站将数据存储在用户的本地浏览器中，而不是在服务器上。它可以用于存储许多不同类型的数据，例如用户设置、首选项、购物车数据等。在不同的浏览器中具有不同的存储限制，并且通常有一个最大存储量限制。它可以用于改善网站的用户体验和提供个性化服务。但是在使用localStorage时需要注意隐私等等。

See all articles

핫 AI 도구

뜨거운 도구

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.