JS操做Cookies

时间 2019-11-12

原文原文链接

一直都是简单去js实现cookie的一些操做,今天把js对cookie操做系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie,示例以下:javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
   <title>cookie处理函数练习(为我所写，非我所想:改善面向对象)</title>
   <mce:script language="JavaScript" type="text/javascript"><!--
   function addCookie(objName,objValue,objHours){//添加cookie
    var str = objName + "=" + escape(objValue);
    if(objHours > 0){//为0时不设定过时时间，浏览器关闭时cookie自动消失
     var date = new Date();
     var ms = objHours*3600*1000;
     date.setTime(date.getTime() + ms);
     str += "; expires=" + date.toGMTString();
    }
    document.cookie = str;
    alert("添加cookie成功");
   }
  
   function getCookie(objName){//获取指定名称的cookie的值
    var arrStr = document.cookie.split("; ");
    for(var i = 0;i < arrStr.length;i ++){
     var temp = arrStr[i].split("=");
     if(temp[0] == objName) return unescape(temp[1]);
    }
   }
  
   function delCookie(name){//为了删除指定名称的cookie，能够将其过时时间设定为一个过去的时间
    var date = new Date();
    date.setTime(date.getTime() - 10000);
    document.cookie = name + "=a; expires=" + date.toGMTString();
   }
  //读取出来全部的cookie字筗串了
   function allCookie(){//读取全部保存的cookie字符串
    var str = document.cookie;
    if(str == ""){
     str = "没有保存任何cookie";
    }
    alert(str);
   }
  
   function $(m,n){
    return document.forms[m].elements[n].value;
   }
  
   function add_(){
    var cookie_name = $("myform","cookie_name");
    var cookie_value = $("myform","cookie_value");
    var cookie_expireHours = $("myform","cookie_expiresHours");
    addCookie(cookie_name,cookie_value,cookie_expireHours);
   }
  
   function get_(){
    var cookie_name = $("myform","cookie_name");
    var cookie_value = getCookie(cookie_name);
    alert(cookie_value);
   }
  
   function del_(){
    var cookie_name = $("myform","cookie_name");
    delCookie(cookie_name);
    alert("删除成功");
   }
   
// --></mce:script>

//添加cookie
function addCookie(name,value,expires,path,domain){
 var str=name+"="+escape(value);
 if(expires!=""){
  var date=new Date();
  date.setTime(date.getTime()+expires*24*3600*1000);//expires单位为天
  str+=";expires="+date.toGMTString();
 }
 if(path!=""){
  str+=";path="+path;//指定可访问cookie的目录
 }
 if(domain!=""){
  str+=";domain="+domain;//指定可访问cookie的域
 }
 document.cookie=str;
}
//取得cookie
function getCookie(name){
 var str=document.cookie.split(";")
 for(var i=0;i<str.length;i++){
 var str2=str[i].split(”=”);
  if(str2[0]==name)return unescape(str2[1]);
 }
}
//删除cookie
function delCookie(name){
 var date=new Date();
 date.setTime(date.getTime()-10000);
 document.cookie=name+”=n;expire=”+date.toGMTString();
}

//删除全部cookie  
function delAllCookie()    
{    
    tmpArr = document.cookie.split(";");    
    delKey = new Array();    
    for(i in tmpArr)    
    {    
        if(tmpArr[i].indexOf("mykeywords") != -1)    
        {    
            delKey.push(decodeURIComponent(tmpArr[i].split("=")[0]));    
        }    
    }    
    today = new Date();    
    today.setTime(today.getTime() - 10000);    
    for(i in delKey)    
    {    
        name = delKey[i];    
        document.cookie = name+"='';expires="+today.toGMTString();    
    }    
    tmpArr = delKey = today = "";    
}

[下面讲的经我的以为比较好哦！]
咱们固然还得介绍cookie的四个属性。这些属性用下面的格式加到字符串值后面：

name=<value>[; expires=<date>][; domain=<domain>][; path=<path>][; secure]

名称=<值>[; expires=<日期>][; domain=<域>][; path=<路径>][; 安全]

<value>, <date>, <domain> 和 <path> 应当用对应的值替换。<date> 应当使用GMT格式，可使用Javascript脚本语言的日期类Date的.toGMTString() 方法获得这一GMT格式的日期值。方括号表明这项是可选的。好比在 [; secure]两边的方括号表明要想把cookie设置成安全的，就须要把"; secure" 加到cookie字符串值的后面。若是"; secure" 没有加到cookie字符串后面，那么这个cookie就是不安全的。不要把尖括号<> 和方括号[] 加到cookie里（除非它们是某些值的内容）。设置属性时，不限属性，能够用任何顺序设置。

下面是一个例子，在这个例子里，cookie "username" 被设置成在15分钟以后过时，能够被服务器上的全部目录访问，能够被"mydomain.com"域里的全部服务器访问，安全状态为安全。

// Date() 的构造器设置以毫秒为单位   
// .getTime() 方法返回时间，单位为毫秒   
// 因此要设置15分钟到期，要用60000毫秒乘15分钟   
var expiration = new Date((new Date()).getTime() + 15 * 60000);   
document.cookie = "username=" + escape(form.username.value)+ "; expires ="  
+ expiration.toGMTString() + "; path=" + "/" + "; _   
domain=" + "mydomain.com" + "; secure";   
  
// 咱们定义一个函数，用来读取特定的cookie值。［获得指定名字的cookie对象哦！］   
function getCookie(cookie_name)   
{   
	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;   
		}   
		  
		var value = unescape(allcookies.substring(cookie_pos, cookie_end));   
	}   
	  
	return value;   
}   
  
// 调用函数   
var cookie_val = getCookie("username");

3.为何我设置了cookie的过时时间若是为关闭的时候就自动清空的话怎么没用呢？
来研究一下JSP操纵cookie?
Cookie概念:
    Cookie的格式其实是一段纯文本信息, 由服务器随着网页一块儿发送到客户端, 并保存在客户端硬盘中指定的目录的. 你们都传说Cookie会形成严重的安全威胁什么的, 其实不是这么回事情. 服务器读取Cookie的时候, 只可以读取到这个服务器相关的信息. 并且, 浏览器通常只容许存放300个Cookie, 每一个站点最多存放20个, 并且, 每一个Cookie的大小如今在4K, 根本不会占用多少空间. 而且, Cookie是有时效性质的. 例如, 设置了Cookie的存活时间为1分钟, 则一分钟后这个Cookie就会被浏览器删除

Cookie版本:
    目前有两个版本:
    版本0 : 由Netscape公司制定的，也被几乎全部的浏览器支持. Java中为了保持兼容性, 目前只支持到版本0, Cookie的内容中不能空格，方括号，圆括号，等于号（=），逗号，双引号，斜杠，问号， @符号，冒号，分号。
    版本1 : 根据RFC 2109文档制定的. 放宽了不少限制. 上面所限制的字符均可以使用. 但为了保持兼容性, 应该尽可能避免使用这些特殊字符.

JSP中对Cookie的操做: 类型方法名方法解释
String getComment() 返回cookie中注释,若是没有注释的话将返回空值.
String getDomain() 返回cookie中Cookie适用的域名. 使用getDomain() 方法能够指示浏览器把Cookie返回给同一域内的其余服务器,而一般 Cookie只返回给与发送它的服务器名字彻底相同的服务器。注意域名必须以点开始
int getMaxAge() 返回Cookie过时以前的最大时间，以秒计算。
String getName() 返回Cookie的名字
String getPath() 返回Cookie适用的路径。若是不指定路径，Cookie将返回给当前页面所在目录及其子目录下的全部页面。
boolean getSecure() 若是浏览器经过安全协议发送cookies将返回true值，若是浏览器使用标准协议则返回false值。
String getValue() 返回Cookie的值。笔者也将在后面详细介绍getValue/setValue。
int getVersion() 返回Cookie所听从的协议版本。
void setComment(String purpose) 设置cookie中注释
void setDomain(String pattern) 设置cookie中Cookie适用的域名
void setMaxAge(int expiry) 以秒计算，设置Cookie过时时间。
void setPath(String uri) 指定Cookie适用的路径。
void setSecure(boolean flag) 指出浏览器使用的安全协议，例如HTTPS或SSL。
void setValue(String newValue) cookie建立后设置一个新的值。
void setVersion(int v) 设置Cookie所听从的协议版本

一个简单的例子
1. 写入Cookie --- writecookie.jsp
-------------------------------------------------------------

<%@ page contentType="text/html; charset=ISO8859_1" %>
<%
  Cookie _cookie=new Cookie("user_delfancom", "delfan");
  _cookie.setMaxAge(30*60); // 设置Cookie的存活时间为30分钟
  response.addCookie(_cookie); // 写入客户端硬盘
  out.print("写Cookie完成");
%>

2. 读取Cookie.jsp --- readcookie.jsp
-------------------------------------------------------------

<%
  Cookie cookies[]=request.getCookies(); // 将适用目录下全部Cookie读入并存入cookies数组中
  Cookie sCookie=null; 
  String sname=null;
  String name=null;
  if(cookies==null) // 若是没有任何cookie
    out.print("none any cookie");
  else
  {
    out.print(cookies.length + "<br>");
    for(int i=0;i<cookies.length; i++) // 循环列出全部可用的Cookie
    {
      sCookie=cookies[i];
      sname=sCookie.getName();
      name = sCookie.getValue();
      out.println(sname + "->" + name + "<br>");
    }
  } 
%>

须要注意的两个问题: 1. Cookie有个适用路径的问题, 就是说若是 writecookie.jsp和readcookie.jsp要放在赞成目录下, 若是不在同一目录下, 则写的时候须要设置路径,为readcookie.jsp所在的路径. 2. 读入Cookie数组的时候须要判断是否为空(null), 网上不少代码都没有写出这一点.