cookie 和 localStorage 、sessionStorage、 session不同

1. cookie:存储大小4k 有时间限制，会跟在ajax的请求头上

2. localStorage: 存储大小5M 没有时间限制

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

注：以上三种都是属于客户端的，传输类型为字符串

服务端==>session：后端的cookie 安全性相比较前三个来说 安全性特别高:https://blog.csdn.net/qq_27965129/article/details/53140755

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

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

cookie会话跟踪技术（不存密码）

 

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

 

会话结束：关闭浏览器

 

回话跟踪技术：通过一系列的操作，确定用户，记录用户的行为；

 

cookie是服务器写在客户端

 

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

 

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

 

1.设置cookie；

document.cookie = 'name=guoqian';

 

 

document.cookie = 'age=24';

document.cookie = 'address=hunan';

document.cookie = 'user='+encodeURIComponent('张三;'); 

2.封装的cookie;

setCookie('teacher','28');

 

function setCookie(_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} `;

 

}

 

1.获取cookie的方法 

function getcookie(){

 

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

 

}

 

 

 

2.获取指定cookie

 

function getCookie(_name){

 

var str = docment.cookie;

 

var arr = str.split(;);

 

var len = arr.length;

 

for(var i=0;i

 

var newarr = arr[i].split('=');

 

if( newarr[0] ==name){

 

return newarr[1]

 

} 

 

} }

 

 

 

 3.删除cookie

 

function removeCookie(_name,_val){

 

 setCookie(_name,_val,-1);

 

}

 

本地存储 ：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

var _name = localStorage.key(i);

console.log(localStorage.getItem(_name))

}

 

 

 二、sessionStorage: 临时会话存储。 当页面关闭的时候信息自动销毁，只作用于当前窗口，不会作用于其他的窗口。

 

sessionStorage.setIem("key","value");

sessionStorage.clear//清除

 

转载于:https://www.cnblogs.com/yunshangwuyou/p/9276693.html