반응형

    js cookie 썸네일

    자바스크립트 쿠키

     

    1. 쿠키란 무엇인가

    위키 백과 참고

     

    사용자 컴퓨터에 기록되는 정보를 쿠키라고 생각하면 된다.

     

     

     

    2. 쿠키 만들기 / 값 가져오기

    //쿠키 만들기
    var setCookie = function(name, value, exp) {
        var date = new Date();
        date.setTime(date.getTime() + exp*24*60*60*1000);
        document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
    };
    
    //쿠키 값 가져오기
    var getCookie = function(name) {
        var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
        return value? value[2] : null;
    };

     

     

    쿠키 만들기

    준비물 : 이름, 값, 시간 // function(namevalueexp)

     

    var date = new Date(); // 날짜 함수 가져와서

    date.setTime(date.getTime() + exp*24*60*60*1000); // 시간 설정하기

    document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';

    쿠키 = 이름=값;expires=시간설정;path=저장위치;

     

     

    쿠키 값 가져오기

    준비물 : 이름 // function(name)

     

    var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');

    //변수에 쿠키이름 넣어서 찾는다

    return valuevalue[2] : null; // 3항연산자 == 조건 ? 참 : 거짓

    //반환한다 value가 있으면 value의 값을 반환한다, 없으면 null

     

     

     

     

    반응형

    '웹언어 > JavaScript' 카테고리의 다른 글

    [JS] 페이지 이동  (10) 2021.05.18
    [JS] 배열 섞는 함수  (10) 2021.05.17
    [JS] 프로그래스 조절  (2) 2021.04.12
    [JS] 책 넘기는 효과 turn.js  (2) 2021.04.07
    [JS] QR코드 만들기  (4) 2021.04.06
    • 네이버 블러그 공유하기
    • 네이버 밴드에 공유하기
    • 페이스북 공유하기
    • 카카오스토리 공유하기