前言:之写过关于web客户端的另一种本地存储技术HTML5的localStorage,有兴趣的同学可以看这篇http://blog.csdn.net/picking_up_stones/article/details/53236318,今天来说一下cookie,cookie与localStorage最大的区别就是,cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递,服务器端脚本就可以对cookie的值进行读写。而sessionStorage(和localStorage操作方法相同)和localStorage不会自动把数据发给服务器,仅在本地保存。
一. cookie的创建
document.cookie = "cookiename=" + value;
cookie是个字符串属性,创建时以键值对的形式,但是必须以字符串的方式存储。
二. cookie的读取
function getCookie(cookiename)
{
//获得cookie的长度,大于0则表示cookie有值
if (document.cookie.length>0){
//获得该cookiename对应的值得下标
var start=document.cookie.indexOf(cookiename + "=");
if (start != -1){
start = start + cookiename.length + 1;
//获得值的结束下标
end = document.cookie.indexOf(";",start)
if (end == -1)
return document.cookie.substring(start,end);
}
}
return null;
}
三. cookie的删除
document.cookie = cookiename + "=" + getCookie(cookiename)+ "max-age=0";
删除和创建一样很简单,只用找到该cookie,并将生存期置为0即可。