cookie 笔记

Cookie    “小甜点”

Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生

用来记录：用户信息  计算机信息  浏览器信息   曾经访问的网站  停留的时间

一般网站用来：    在线订货系统  网站个人化  网站跟踪

生命周期： web服务器生成存储到本地，长期的   ， 临时的    cookies文件

识别功能： 1.不同的计算机 浏览器 用户信息  会得到不同的cookie

　　　　　2.同一计算机同一浏览器的多用户群，cookie不会区分他们的身份，除非使用不同的用户名登陆

　　问题点：1. 识别不精确

　　　　　　2. 隐私 安全 广告   一个叫臭虫的图片（1像素大小）记录客户信息

　　　　　　3. 脚本攻击   跨站点脚本攻击（Cross site scripting）

cookie的属性   
    name名称   value值   expires过期时间  path路径  domain域  secure安全
    当expire 值设为0或负值，关闭浏览器器就立刻清除Cookie，不会记录用户信息

cookie大小  不超过4kb，一个浏览器最多存储300条；且不同浏览器存储空间都是独立的

cookie存储使用   加密+时间戳   （防止网络攻击）

Cookie封装：

function setCookie( name, value ){
        var date = new Date();
        date.setTime( date.getTime() + 30*24*60*60*1000 );
        document.cookie = name+'='+ escape(value) +';expires=' + date.toUTCString();
    }

function getCookie( name ){
        var arr = document.cookie.match(new RegExp( "(^| )" + name + "=" + "([^;]*)" + "(;|$)" ));
        if( arr != null ) return unescape(arr[2]); return "";
    }

function delCookie( name ){
        var date = new Date();
        date.setTime( date.getTime() - 1 );
        document.cookie = name + "=" + getCookie( name ) + ";expires=" + date.toUTCString();
    }

补充：

window对象的属性    sessionStorage    localStorage

属性或方法

　　拥有setItem,getItem,removeItem,clear等方法