cookie的操作 添加 获取 删除cookie

              cookie的操作 添加 获取 删除cookie

每个web服务器保存的cookie数不能超过20个

浏览器保存cookie不能超过300个

每个cookie保存的数据不能超过4kb 是不是你保存的数据量过大了

除了名字与值外,每个cookie都有四个可选的属性,分别是expires(目前已被max-age属性所取代 max-age用秒来设置cookie的生命周期)、path、domain、secure(布尔型),expires用于控制cookie的生命周期,path和domain用于控制cookie的共享范围,secure指定了在网络上如何传输cookie,cookie是否是安全的。

下面是个小例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">
 /**
  *  添加cookie
  */
 function addCookie(){
      /*  cookie值中不能含有分号、逗号和空白符 除非在添加cookie值之前使用encodeURIComponent()全局函数进行编码
       当使用了encodeURIComponent()后 那么在获取cookie值就必须使用相应的decodeURIComponent()函数 */
   var username = encodeURIComponent(document.getElementById('userName').value);
   var sex = encodeURIComponent(document.getElementById('sex').value);
   var str = "username="+username+";sex="+sex;
   str += ";max-age="+60*5;  /* 设置cookie的有效期为5分钟 */
   /* str += ";path=/"; */ /* 设置cookie的path属性 指定哪个路径下的页面可以使用此刻添加的cookie */
   str += ";ssecure";  /* 指定将cookie标记位安全的 */
   document.cookie = str;
 }
 
  /**
  *  获取cookie
  */
 function getCookie(name){
     var cookie = document.cookie;
     var user = null;
     if(cookie=="") return; 
  var parame = cookie.split(";");
  for( var i=0;i<parame.length;i++){
    if(parame[i].substring(0,name.length+1)==(name+"=")){     
       user = parame[i].substring(parame[i].indexOf("=")+1,parame[i].length+1);
    break;
    }      
  }
  alert(decodeURIComponent(user)+"  "+decodeURIComponent(user).length);
 }
 
 /**
  * 删除cookie 
  */
 function deleteCookie(){
  var str = "username=;sex=";
  str += ";max-age="+0;  /* 重新设置cookie的有效期 使之失效 */
  document.cookie = str;
 }
 
</script>
</head>

<body>
  <input type="button" name="add" id="add" value="添加cookie" οnclick="addCookie();"/>
  <input type="button" name="get" id="get" value="获取cookie" οnclick="getCookie('username');"/>
  <input type="button" name="delete" id="delete" value="删除cookie" οnclick="deleteCookie();"/></body><br/>
  姓名:<input type="text" name="userName" id="userName" value="薛; 德,生"/>  性别:<input type="text" name="sex" id="sex" value="男"/>
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值