快捷导航
蚂蚁部落 网站首页 实例代码 JS实例 查看内容

javascript读写cookie操作简单介绍

2017-6-19 23:29| 发布者: antzone| 查看: 156| 评论: 0|来自: 蚂蚁部落

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

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

一.创建cookie:

[JavaScript] 纯文本查看 复制代码运行代码
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:

[JavaScript] 纯文本查看 复制代码运行代码
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立马过期即可。

代码如下:

[JavaScript] 纯文本查看 复制代码运行代码
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的同一域名下不同主机名问题一章节。


鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-8-19 05:53 , Processed in 0.064102 second(s), 21 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部