[JavaScript] cookie 생성 및 팝업창 띄우기

JavaScript Cookie 생성, 팝업창 띄우기, 팝업창 다시보지않기, 팝업창 오늘하루보지않기

안녕하세요 블랙디 입니다.

 

팝업창 생성과 쿠키 사용법에 대해서 알아보겠습니다.

 

1. 쿠키란

웹사용자가 쿠키를 사용하는 웹사이트에 접속할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일을 일컫는다. 

 

2. 쿠키 생성

메서드에 쿠키 이름, 값, 만료기간을 매개변수로 넣어줍니다.

 

function setCookie(name, value, expiredays) {

    var date = new Date();

    date.setDate(date.getDate() + expiredays);

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

}

 

3. 쿠기 불러오기

쿠키 이름으로 불러옵니다.

 

function getCookie(name) {

     var cookie = document.cookie;

     if (document.cookie != "") {

          var cookieArray = cookie.split("; ");

          for ( var index in cookieArray) {

              var cookieName = cookieArray[index].split("=");

              if (cookieName[0] == "popupYN") {

                   return cookieName[1];

              }

          }

     } return ;    

}

 

4. 팝업 생성 

쿠키 유무 확인하고 쿠키값이 N 이 아니면 팝업띄운다

 

function popUp() {

     var cookieCheck = getCookie("popupYN");

     if (cookieCheck != "N"){

          window.open("./popUp.jsp", "newpop",'width=458px,height=610px,menubar=no,status=no,toolbar=no,scrollbars=yes');

     }

}

 

5. 팝업 일정기간 보지 않기

매개변수에 원하는 기간을 넣어준다. int 형식으로(ex. 1)

쿠키 삭제는 value 값을 지워주면된다.

 

function ClosePopup(day) {

    if (document.getElementById("check").value) {

        setCookie("popupYN", "N", day);

        self.close();

    }

}