>웹 프론트엔드 >JS 튜토리얼 >localStorage의 로컬 스토리지에 대한 간략한 토론

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

零下一度
零下一度원래의
2017-06-24 14:38:493148검색

페이지를 만들 때 로컬 저장소를 사용할 때 오늘은 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으로 문의하세요.