先来定义：
cookie：是网站为了标识用户身份存储在本地终端的数据，其数据始终在APP请求中存在，会在服务器和浏览器中来回传递
数据大小不超过4k，
可以设置有效期，过了有效期自动删除
session Storage和local Storage 不会自动把数据发给服务器，仅在本地保存，
数据大小可达到5M
存储时间久，不会自己消失，必须自动删除
session Storage：会随窗口关闭而删除
代码：
$(function () {
$(document).click(function (e) {
var e = e || event;
var data = $("<p></p>");
data.text(localStorage.num);
data.css({
position: "absolute",
top: e.pageY,
left: e.pageX
});
$("body").append(data);
if (localStorage.num) {
localStorage.num = Number(localStorage.num) + 1;
} else {
localStorage.num = 1;
}
})
});
代码效果：点击浏览器，自动出现累加的数字且刷新页面，数字不重置。
说明一行代码
var e= e || event
是为了兼容
代码：
(function () {
document.cookie = "UserName=lili;UserId=18";
var cookieStr = document.cookie;
var cookieStrArr=cookieStr.split(";");
var username;
for (var i = 0; i < cookieStrArr.length; i++) {
var usernameArr = cookieStrArr[i].split("=");
if ("UserName"==usernameArr[0]){
username=usernameArr[1];
break;
}
}
console.log(username);
})();
效果：
说明一行代码：
"UserName"==usernameArr[0]
这样写要比反过来好，如果中间少个=好可以让编译器强制报错，而不是赋值