> 웹 프론트엔드 > JS 튜토리얼 > JS의 쿠키 작업에 대한 자세한 설명

JS의 쿠키 작업에 대한 자세한 설명

黄舟
풀어 주다: 2017-03-01 14:35:56
원래의
946명이 탐색했습니다.


머리말

쿠키 설정


매개변수 설명:
이름 쿠키 이름, 키 값
value 선택 사항, 쿠키 값
expire 선택 사항, 만료 시간, 타임스탬프 형식
path 선택 사항, 서버 측 유효한 경로, /는 전체 도메인 이름이 유효함을 나타내며 기본값은 쿠키가 실행될 때 페이지의 경로입니다. 현재
도메인으로 설정되어 있습니다. 선택사항, 이 쿠키가 보안에 유효한 도메인 이름은
선택사항입니다. 쿠키가 보안 HTTPS 연결을 통해 전송되는지 여부를 지정합니다.

코드 캡슐화

(function(){
    var cookieObj={
            'add':function(name, value, hours){ //修改或是添加cookie
                var expire = "";
                if(hours != null){
                    expire = new Date((new Date()).getTime() + hours * 3600000);
                    expire = "; expires=" + expire.toGMTString();
                }               
                document.cookie = name + "=" + escape(value) + expire + ";path=/";
                //如果指定域名可以使用如下
                //document.cookie = name + "=" + escape(value) + expire + ";path=/;domain=findme.wang";
            },
            'get':function(c_name){//读取cookie
                if (document.cookie.length>0){
                      c_start=document.cookie.indexOf(c_name + "=")
                      if (c_start!=-1){ 
                        c_start=c_start + c_name.length+1 
                        c_end=document.cookie.indexOf(";",c_start)
                        if (c_end==-1){
                            c_end=document.cookie.length
                        }
                        return unescape(document.cookie.substring(c_start,c_end))
                        } 
                      }
                    return "";
            }
    };
    window.cookieObj=cookieObj;}());
로그인 후 복사

호출 테스트

cookieObj.add('myWeb','http://www.findme.wang');
console.log('myWeb:'+cookieObj.get('website'));
로그인 후 복사

JS의 쿠키 작업에 대한 자세한 설명

위는 JS의 쿠키 작동에 대한 자세한 설명과 관련 내용입니다. PHP 중국어 홈페이지(m.sbmmt.com)를 주목해주세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿