码迷,mamicode.com
首页 > 其他好文 > 详细

cookie 和 localStorage 、sessionStorage、 session不同

时间:2018-07-07 12:30:07      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:ati   obj   过期   不同   get   padding   永久   order   col   

  • 1. cookie:存储大小4k 有时间限制
  • 2. localStorage: 存储大小5M 没有时间限制
  • 3. sessionStorage: 临时会话存储 当浏览器关闭的时候信息自动销毁
  • 注:以上三种都是属于客户端的

  • 服务端==>session:后端的cookie 安全性相比较前三个来说 安全性特别高
  •  

    cookie,localStoraga,sessionStorage 都遵循同源策略

    cookie是由服务器设置的,当你发送ajax的时候,无论你是否想要发送cookie,它都会跟在请求头那里。

cookie会话跟踪技术(不存密码)

会话,你在浏览器进行操作,这样的行为叫做会话

会话结束:关闭浏览器

回话跟踪技术:通过一系列的操作,确定用户,记录用户的行为;

cookie是服务器写在客户端

当你打开第一个新页面时,服务端会判断你当前页面是否有cookie。

cookie过期时间默认为会话结束时间,如果设置时间,则到时间后过期。

设置cookie:

setCookie(‘teacher‘,‘28‘);

function setcookie(student_name,value,day){

//var data = new Date();

//data.setDate(data.getData()+day)

var data = Date.now();

data =new Data(data +=day *24*60*60*1000);

expires = "expires="+data;

document.cookie = ` ${key}=>${value;}${expires} `;

}

function getcookie(){

var arr = docment.cookie.split(";");

}

本地存储 :localStorage()和sessionStorage()

一、localStorage() =》页面传值大,数据量大,不人为清除的话,生命永久,不会清除

1.创建localStorage 

localStorage.getItem("name");

localStorage.setItem("name","张三");

localStorage.age = 19;

localStorage["sex"] = "男";

 //var obj = [{id:0,num:1},{id:1,num:2}];
 //localStorage.setItem("init",JSON.stringify(obj))
console.log(localStorage.getItem("name"))
console.log(localStorage.age)
console.log(localStorage["sex"])

2.删除localStorage 

localStorage.removeItem("name")
localStorage.clear()

 

3.循环查看localSrorage 

for(var i=0;i<localStorage.length;i++){
var _name = localStorage.key(i);
console.log(localStorage.getItem(_name))
}

 

 二、sessionStorage: 临时会话存储 当浏览器关闭的时候信息自动销毁

sessionStorage.setIem("")

sessionStorage.clear//清除


cookie 和 localStorage 、sessionStorage、 session不同

标签:ati   obj   过期   不同   get   padding   永久   order   col   

原文地址:https://www.cnblogs.com/yunshangwuyou/p/9276693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!