首页 > 代码库 > cookie ，session Storage， local storage

cookie ，session Storage， local storage

2024-08-13 23:06:33   211人阅读

先来定义：

　　cookie：是网站为了标识用户身份存储在本地终端的数据，其数据始终在APP请求中存在，会在服务器和浏览器中来回传递

　　　　　　数据大小不超过4k，

　　　　　　可以设置有效期，过了有效期自动删除

　　session Storage和local Storage 不会自动把数据发给服务器，仅在本地保存，

　　　　　　数据大小可达到5M 

　　　　　　存储时间久，不会自己消失，必须自动删除

　　　　　　local Storage：会随窗口关闭而删除

代码：

　　

 1 $(function () { 2     $(document).click(function (e) { 3   4         var e = e || event; 5      6         var data = http://www.mamicode.com/$("<p></p>"); 7         data.text(localStorage.num); 8         data.css({ 9             position: "absolute",10             top: e.pageY,11             left: e.pageX12         });13         $("body").append(data);14     15         if (localStorage.num) {16             localStorage.num = Number(localStorage.num) + 1;17     18         } else {19             localStorage.num = 1;20         }21     })22     23 });

代码效果：点击浏览器，自动出现累加的数字且刷新页面，数字不重置。

　　说明一行代码

　　　　var e= e || event

　　是为了兼容

代码：

　　

 1 (function () { 2  3     document.cookie = "UserName=lili;UserId=18"; 4     var cookieStr = document.cookie; 5     var cookieStrArr=cookieStr.split(";"); 6     var username; 7     for (var i = 0; i < cookieStrArr.length; i++) { 8         var usernameArr = cookieStrArr[i].split("="); 9         if ("UserName"==usernameArr[0]){10             username=usernameArr[1];11             break;12         }13     }14     console.log(username);15 16 })();

效果：

　　技术分享

说明一行代码：

　　"UserName"==usernameArr[0]

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

cookie ，session Storage， local storage


联系
我们