Web存储——cookie

cookie

---

1. cookie的介绍

1.1 概念
“cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school

cookie 是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。

---

2. cookie的利弊

优点：极高的扩展性和可用性

1. 通过良好的编程，控制保存在cookie中的session对象的大小。
2. 通过加密和安全传输技术（SSL），减少cookie被破解的可能性。
3. 只在cookie中存放不敏感数据，即使被盗也不会有重大损失。
4. 控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。

缺点：

1.Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。
2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。（转发自Cookie的工作原理与优缺点）

---

3. cookie的使用方法

3.1 存储cookie数据

//定义一个命名空间
var storage = {};
/***************************************************
 *
 * @param name   设置其存储名
 * @param value  相对应的值
 * @param expiredays  存储天数
 */
storage.setCookie = function(name, value, expiredays){
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    //exdate.setHours(exdate.getHours() + expirehours);
    document.cookie = name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
};

3.2 获取数据

storage.getCookie = function(name){
    if (document.cookie.length>0){　　//先查询cookie是否为空，为空就return ""
        start = document.cookie.indexOf(name + "=");　　//通过String对象的indexOf()来检查这个cookie是否存在，不存在就为 -1　　
        if (start!=-1) {
            start = start + name.length + 1;　　//最后这个+1其实就是表示"="号啦，这样就获取到了cookie值的开始位置
            end = document.cookie.indexOf(";", start);　　
            if (end == -1) end = document.cookie.length;
            return unescape(document.cookie.substring(start, end));
        }
    }
    return ""
};

---

3. 总结

cookie.至今没怎么用过，用到时再补充吧！至此主要的web存储方法也介绍完了。