cookie 스토리지, localStorage

1. 쿠키: 로컬 저장, 통속적으로 말하면 변수를 브라우저(페이지 정보 저장, 사용자 이름, 비밀번호)에 저장하는 특징이다. 같은 페이지의 쿠키 공유, 쿠키는 서버 환경에 의존해야 하고 기한이 지나야 한다.
1. 만료 시간 toUTCString 만들기 () - 세계 시간에 따라date를 문자열로 변환

  var date =new Date();
  date.setDate(date.getDate()+3);//3    

2. 쿠키 저장: 키 값 대조를 통해 저장

document.cookie ="age=18;expries="+date.toUTCString();
document.cookie ="name=lisi;expries="+date.toUTCString();

3. 쿠키 읽기: json 문자열과 유사

console.log(document.cookie); //"age=18; name=lisi"

4. 쿠키 값 읽기

function  getCookie(key){
     var arr = document.cookie.split("; ")//       
     for（index in arr）{
        var resArr =arr[index].split("=");
        if(resArr[0]==key){
            return  resArr[1];//         
        }
    }
}

5. 요구 사항 적용:button 단추를 누르면value++로 매번value값을 저장합니다

input.onclick=function(){
      this.value++;
    //      
    var date =new Date();
    date.setDate(date.getDate()+2);
    //  cookie
   document.cookie="count="+this.value+";expries="+date.toUTCString();
}

  //     cookie  
if（getCookie("count")）{
  input.value=getCookie("cookie");//getCookie           

}
2. localStorage: 로컬 스토리지의 특징:

동원 정책 제한.서로 다른 페이지 사이에서 같은 localStorage를 조작하려면, 이 페이지들은 같은 프로토콜, 같은 호스트 이름, 같은 포트 아래에 있어야 한다.(IE8 및 9 스토리지 데이터는 동일한 호스트 이름만 기준으로 하며 프로토콜(HTTP 및 HTTPS) 및 포트 번호 요구 사항을 무시함)

로컬 스토리지에서만 사용할 수 있습니다.localStorage 데이터는 HTTP 요청과 함께 서버에 전송되지 않으며 로컬에서만 적용됩니다.

영구 보존.저장된 데이터는 수동으로 제거될 때까지 만료되지 않았습니다.

스토리지 방식.localStorage의 저장 방식은 키,value 방식을 사용합니다.value의 값은 문자열 형식이어야 합니다. (비 문자열로 전송되며 저장할 때 문자열로 변환됩니다.true 값은 "true"로 변환됩니다.

저장 상한선: 서로 다른 브라우저의 저장 상한선도 다르지만 대부분의 브라우저는 상한선을 5MB 이하로 제한한다.

브라우저와 공유.localStorage 데이터

1. 스토리지:

 localStorage.a = 3//  a 3
 localStorage.["a"]="sds";//  a “sds”,       
 localStorage.setItem("b","fdfs");//  b   fdfs

2. 획득

var a1 =localStorage["a"];
var a2 =localStorage.a;
var b =localStorage.getItem("b")

3. 지우기

localStorage.removeItem("c");//  c