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

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

零下一度

풀어 주다： 2017-06-24 14:38:49

원래의

3141명이 탐색했습니다.

페이지를 만들 때 로컬 저장소를 사용할 때 오늘은 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>

로그인 후 복사