javascript实现设置、获取和删除Cookie的方法

 更新时间:2015年06月01日 12:26:58   作者:天使小宝  
这篇文章主要介绍了javascript实现设置、获取和删除Cookie的方法,涉及javascript操作cookie的常用技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了javascript实现设置、获取和删除Cookie的方法。分享给大家供大家参考。具体实现方法如下:

/* 
 *设置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程序设计有所帮助。

相关文章

  • JavaScript中ES6规范中let和const的用法和区别

    JavaScript中ES6规范中let和const的用法和区别

    这篇文章主要介绍了JavaScript中ES6规范中let和const的用法和区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 了不起的11个JavaScript代码重构最佳实践小结

    了不起的11个JavaScript代码重构最佳实践小结

    这篇文章主要介绍了了不起的11个JavaScript代码重构最佳实践小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • ECMAScript6块级作用域及新变量声明(let)

    ECMAScript6块级作用域及新变量声明(let)

    这篇文章主要介绍了ECMAScript6块级作用域及新变量声明(let) 的相关资料,需要的朋友可以参考下
    2015-06-06
  • JavaScript入门教程之引用类型

    JavaScript入门教程之引用类型

    引用类型是一种数据结构,用于将数据和功能组织在一起。这篇文章主要介绍了JavaScript入门教程之引用类型的相关资料,需要的朋友一起学习吧
    2016-05-05
  • JS执行控制之节流模式实例分析

    JS执行控制之节流模式实例分析

    这篇文章主要介绍了JS执行控制之节流模式,结合实例形式分析了节流模式的功能、原理及相关使用方法,需要的朋友可以参考下
    2018-12-12
  • 给文字加上着重号的JS代码

    给文字加上着重号的JS代码

    这篇文章介绍了给文字加上着重号的JS代码,有需要的朋友可以参考一下
    2013-11-11
  • JavaScript中日期函数的相关操作知识

    JavaScript中日期函数的相关操作知识

    日期函数是我们经常用到的知识点,下面通过本文给大家介绍JavaScript中日期函数的相关操作知识,非常不错,感兴趣的朋友一起学习吧
    2016-08-08
  • js使用Canvas将多张图片合并成一张的实现代码

    js使用Canvas将多张图片合并成一张的实现代码

    这篇文章主要介绍了js使用Canvas将多张图片合并成一张的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • JS+CSS实现DIV层的展开、收缩效果

    JS+CSS实现DIV层的展开、收缩效果

    这篇文章主要介绍了JS+CSS实现DIV层的展开、收缩效果,以两个完整实例介绍了JS控制DIV层的展开、收缩效果,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JavaScript中7种位运算符在实战的妙用

    JavaScript中7种位运算符在实战的妙用

    位运算是在数字底层(即表示数字的 32 个数位)进行运算的,下面这篇文章主要给大家介绍了关于JavaScript中7种位运算符在实战的妙用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06

最新评论