天天看点

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">

 function addCookie(){

   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; 

   str += ";ssecure"; 

   document.cookie = str;

 }

 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);

 }

 function deleteCookie(){

  var str = "username=;sex=";

  str += ";max-age="+0; 

  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>

继续阅读