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等方法