cookie ,session Storage, local storage

先来定义:

  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); })();

效果:

  cookie ,session Storage, local storage

说明一行代码:

  "UserName"==usernameArr[0]

这样写要比反过来好,如果中间少个=好可以让编译器强制报错,而不是赋值

上一篇:地图标绘系统V1.0测试版【申明:来源于网络】


下一篇:给Select赋值 innerHTML 不兼容IE6\IE7\IE8\IE9