> 웹 프론트엔드 > JS 튜토리얼 > 쿠키 저장, 읽기 및 삭제 기능을 구현하는 방법에 대한 예제 튜토리얼

쿠키 저장, 읽기 및 삭제 기능을 구현하는 방법에 대한 예제 튜토리얼

零下一度
풀어 주다: 2017-06-24 14:34:51
원래의
1087명이 탐색했습니다.

페이지 A에 데이터를 입력하고 이 데이터를 저장하기 위해 JS 변수를 사용해야 하는 상황이 있다고 가정해 보겠습니다. 동시에, 페이지 B에서는 JS 코드의 한계로 인해 이 변수를 참조하고 사용합니다. 데이터 전송 효과를 얻을 수 없습니다.

그런 다음 쿠키를 사용하여 읽은 데이터를 저장합니다.

쿠키는 이름=값 형식입니다. 각 쿠키는 일반적으로 ";"로 구분됩니다.

텍스트 상자 입력 데이터:

JS를 사용하여 쿠키 설정:

 1        window.onload=function(){ 2                 var oTxt=document.getElementById('oTxt'); 3                 oTxt.oninput=function(){ 4                     //这里引用函数 5                     getCookie('name',oTxt.value); 6                 } 7                 function getCookie(name,value,oDay){ 8                     //判断是否有没有oDay,如果没有默认为5天 9                     oDay=oDay||5;10                     var oTime=new Date();11                     oTime.setDate(oTime.getDate()+oDay);12                     document.cookie=name+'='+value+';path=/;expires='+oTime;13                     //存放一条数据14                 }15             }
로그인 후 복사

만료는 저장 시간입니다.

JS는 다음을 읽습니다. 쿠키 값 값이 인쇄되어 추출됩니다.

 1       window.onload=function(){ 2                 var p=document.getElementsByTagName('p');                
 3                 function getCookie(){ 4                     //分隔成数组的形式 得到 ["name", "20170615"] 5                     var data=document.cookie.split('='); 6                     //判断name 7                     if(data[0] == 'name'){ 8                     return data[1]; 9                        }10                 }11                 var oValue=getCookie();12                 document.write(oValue);13             }
로그인 후 복사

값이 페이지에 출력됩니다.

각 브라우저에는 제한된 수의 쿠키가 포함되어 있습니다.

Microsoft는 Internet Explorer 8에서 쿠키 제한을 도메인당 50개로 늘렸지만 IE7도 도메인당 50개의 쿠키를 허용하는 것으로 보인다고 지적합니다.

 Firefox에서는 도메인 이름당 쿠키가 50개로 제한됩니다.

 Opera의 쿠키 제한은 도메인 이름당 30개입니다.

 Safari/WebKit에는 쿠키 제한이 없는 것 같습니다. 하지만 쿠키가 많으면 헤더 크기가 서버의 처리 한도를 초과하여 오류가 발생하게 됩니다.

 참고: "각 도메인 쿠키는 20개로 제한됩니다."는 더 이상 정확하지 않습니다!

쿠키의 제한된 내용 공간으로 인해 불필요한 쿠키는 삭제될 수 있습니다.

JS 이 이름 삭제:

 function removeCookie(name){
          setCookie(name,'asdas',-1);
      }
로그인 후 복사

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

위 내용은 쿠키 저장, 읽기 및 삭제 기능을 구현하는 방법에 대한 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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