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>
扫一扫
185
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
