> 웹 프론트엔드 > JS 튜토리얼 > javascript_javascript 기술에서 쿠키를 설정, 가져오기 및 삭제하는 방법

javascript_javascript 기술에서 쿠키를 설정, 가져오기 및 삭제하는 방법

WBOY
풀어 주다: 2016-05-16 15:57:06
원래의
998명이 탐색했습니다.

이 기사의 예에서는 자바스크립트에서 쿠키를 설정, 획득 및 삭제하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

/* 
 *设置Cookie 
 * 
 * name:cookie所对应的键 
 * value:cookie所对应的值 
 * expires:cookie所对应的有效时间 
 * path:指定可访问cookie的路径 
 * domain:指定可访问cookie的主机名 
 * secure:安全性 
 */ 
function setCookie (name,value,expires,path,domain,secure) {   
  //cookie键值对  
  var str = name + "=" + escape(value); 
  //设置cookie的有效期,以小时为单位 
  if(expires > 0){                 
    var date = new Date(); 
    var ms = expires * 3600 * 1000; 
    date.setTime(date.getTime() + ms); 
    str += "; expires=" + date.toGMTString(); 
  } 
  if(path){ 
    str += "; path=" + path; 
  } 
  if(domain){ 
    str += "; domain=" + domain; 
  } 
  if(secure){ 
    str += "; secure"; 
  } 
  document.cookie = str; 
} 
/* 
 *获得Cookie 
 * 
 *cookie_name:cookie的键 
 */ 
function getCookie(cookie_name)  
{    
  var value = null; 
  var allcookies = document.cookie;  
  var cookie_pos = allcookies.indexOf(cookie_name);  
  // 如果找到了索引,就代表cookie存在,  
  // 反之,就说明不存在。  
  if (cookie_pos != -1)  
  {  
    // 把cookie_pos放在值的开始,只要给值加1即可。  
    cookie_pos += cookie_name.length + 1;  
    var cookie_end = allcookies.indexOf(";", cookie_pos);  
    if (cookie_end == -1)  
    {   
      cookie_end = allcookies.length;  
    }  
    value = unescape(allcookies.substring(cookie_pos, cookie_end));  
  }  
  return value;  
}  
/* 
 *删除Cookie 
 * 
 *cookie_name:cookie的键 
 */ 
function delCookie(cookie_name) 
{ 
  var exp = new Date(); 
  exp.setTime(exp.getTime() - 1); 
  var value = getCookie(cookie_name); 
  if(value){ 
    document.cookie= cookie_name + "=" + value + ";expires=" + exp.toGMTString(); 
  } 
}

로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

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