javascript读写cookie操作简单介绍

快乐打工仔 分类:实例代码

javascript读写cookie操作简单介绍属于前端实例代码,有关更多实例代码大家可以查看

本章节介绍一下javascript如何读cookie。

cookie是存放在本地计算机的一个小文件,信息是以键值对的方式存在的,比如可以存放登陆用户名和密码,这在实际应用中比较常见,比如记住一些用户信息,下一次登陆的时候就无需再次填写,下面就介绍一下js如何实现读写cookie和其他的一些相关设置。

一.创建cookie:

function addCookie(sName,sValue,day){ 
  var expireDate = new Date(); 
  expireDate.setDate(expireDate.getDate()+day);; 
  //设置失效时间 
  //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串 
  document.cookie=escape(sName) + '=' + escape(sValue) +';expires=' + expireDate.toGMTString();
}

以上代码将创建cookie封装成一个函数,第一个参数是cookie名,第二个是cookie值,第三个参数是过期时间。

cookie默认的过期时间是关闭浏览器的时候。

二.读取cookie:

function getCookies(){ 
  var showAllCookie = ''; 
  if(!document.cookie == ''){ 
    var arrCookie = document.cookie.split('; '); 
    var arrLength = arrCookie.length; 
    for(var i=0;i<arrLength;i++){ 
      showAllCookie += 'c_name:' + unescape(arrCookie[i].split('=')[0])
      +'c_value:'+unescape(arrCookie[i].split('=')[1])+'<br>'
    } 
    return showAllCookie; 
  } 
}

以上代码可以获取所有的cookie,因为每一个cookie键值对与键值对之间是用分号分隔的,所以使用split()函数可以讲它们分隔为数组,然后使用for循环读出每一个cookie信息。

三.删除cookie:

在默认情况下,关闭浏览器cookie就会过期删除了,当然也可以人为的设置cookie过期,那就是设置cookie立马过期即可。

代码如下:

function removeCookie(){ 
  if(document.cookie != '' && confirm('是否清除cookie')){ 
    var arrCookie = document.cookie.split('; '); 
    var arrLength = arrCookie.length; 
    var expireDate = new Date(); 
    expireDate.setDate(expireDate.getDate()-1); 
    for(var i=0; i<arrLength; i++){ 
      var str = arrCookie[i].split('=')[0]; 
      document.cookie = str+ '=' + ';expires=' + expireDate.toGMTString(); 
    } 
  } 
}

以上代码可以设置cookie过期时间为当前时间,那么下一秒就过期了,相当于理解过期。

四.cookie的路径:

关于cookie的路径这里就不多介绍了,具体可以参阅js cookie路径简单介绍一章节。

五.cookie的同一域名下不同主机名问题:

关于此问题这里也不多做介绍了,可以参阅js cookie的同一域名下不同主机名问题一章节。

javascript读写cookie操作简单介绍,这样的场景在实际项目中还是用的比较多的,关于javascript读写cookie操作简单介绍就介绍到这了。

回复

我来回复
  • 暂无回复内容