网页数据cookie详解与应用场景
⽹页数据cookie详解与应⽤场景
史上最贱小游戏cookie 临时存储
ookie 是本地计算机的临时存储，实际上就是⼀些信息，这些信息以⽂件的形式存储在客户端计算机上。当⽤户访问了某个⽹站，可以通过cookie向访问者电脑上存储数据。
⼀般我们⽤于页⾯保存信息，⽐如：⽤户名和⾃动登录密码等
cookie作⽤
cookie的功能: 在浏览器中进⾏数据的存储,⽤户名、密码
cookie的主要作⽤是保存信息，并与服务器互动，因此在很多情况下都可以使⽤到cookie。
密码 cookie：访当问者⾸次访问页⾯时，也许会填写密码。密码也可被存储于 cookie 中。当他们再次访问⽹站时，密码就会从 cookie 中取回。
cookie特性
注意：
当我们打开⼀个⽹页时，该⽹页会在我们本地cookie中获取到对应的cookie数据，这个cookie数据是我们上次登录时，所输⼊的⽤户名和密码储存在了本地cookie中，当我们在次打开这个⽹页时，cookie数据会⾃动随着⽹页的打开发送到服务器，服务器会按照cookie数据返回对应的内容
Cookie不单单⽤于⽤户名和密码，我们平时所浏览的数据关键词也会被记录，后⾯刷新和打开时，服务器就会根据你浏览的信息关键词推送消息。
cookie必须运⾏在服务器的环境下（开启服务器）
cookie的容量: 5k，但是这个是针对当前⽂件夹路径的存储，⼦⽂件夹将会有新的存储空间
cookie存储的数据类型: 字符串
cookie存放以域名形式区分的，不同域名的存储是⽆法共享的 ⼀般有50条
⼀个域名下存放的cookie的个数是有限制的，不同浏览器存放的个数不⼀样，cookie能存储的条⽬数为:50条。如果想长时间存放⼀个cookie，同时需要设置⼀个过期时间如何清除过期时间？只需要将cookie存储重新设置不加过期时间，就可以完成清除过期时间
Cookie默认是临时存储的，当浏览器关闭时，⾃动销毁如果浏览器中设置了不存储cookie或者⼿动清除cookie，以上内容都会丢失cookie的缺点
cookie存在着泄露隐私和账户密码的风险
cookie可能被禁⽤。当⽤户⾮常注重个⼈隐私保护时，他很可能禁⽤浏览器的cookie功能；
cookie是与浏览器相关的。这意味着即使访问的是同⼀个页⾯，不同浏览器之间所保存的cookie也是不能互相访问的；
cookie可能被删除。因为每个cookie都是硬盘上的⼀个⽂件，因此很有可能被⽤户删除；
cookie安全性不够⾼。所有的cookie都是以纯⽂本的形式记录于⽂件中，因此如果要保存⽤户名密码等信息时，最好事先经过加密处理。Cookie的创建与写法
Cookie默认是临时存储的，当浏览器关闭时，⾃动销毁
在JavaScript中，可以通过cookie名和值的⽅式来创建cookie。
⼀个⽹站可以创建多个cookie，不同的cookie可以拥有不同的值。
例如将⽤户名和密码存在cookie中，那么就有可能⽤到两个cookie：⼀个cookie⽤于存放⽤户名，另⼀个cookie⽤于存放密码。
使⽤Document对象的cookie属性可以⽤来设置与读取cookie
创建：
直接写在js内kie = “username=value”;
写法⽰例：
// 因为cookie在浏览器彻底关闭时，cookie会被清空，所以这⾥可以设置到期时间
var date=new Date();
date.setFullYear(2022);
// 临时写法
// 因为cookie在浏览器彻底关闭时，cookie会被清空，所以这⾥可以设置到期时间（固定格式）
/
/ 获取cookie的值
console.kie);
var a=kie.split("=")[1]);
a++;
// 因为每次执⾏这⾥都会覆盖原先的cookie设置，所以为了在有限期内cookie⼀直存在
// 需要在这⾥也加上UTCString()固定格式，来保证有限期不被从新设置去掉
提⽰：写好cookie之后打开执⾏⼀下页⾯，这个cookie就已经被储存到本机内了，如果未设置到期⽇期时，在不完全关闭浏览器的情况下cookie会⼀直存在，设置到期⽇期时，cookie会⼀直到到期⽇期后在消除
注意：
cookie临时存储在本机
护照可以去澳门吗cookie只能再页⾯通过服务打开的情况下才可以使⽤，ajax也是
双击打开页⾯是⽆法使⽤的
如何多个内容存储
储存多个时，需要⽤到对象进⾏出储存
// 如何多个内容存储
var obj={
user:"xietian",
age:30,
sex:"男"
}
// date为设置到期时间预留的
function setCookie(obj,date){中国移动网上营业厅上海
// 通过循环把对象内的值取出
for(var prop in obj){
}
}
// 直接使⽤key和value获取到对象内的数据
function setCookie1(key,value,date){
}
var date=new Date();
date.setFullYear(2022);
setCookie(obj,date);
上⾯是将多个值⽤对象的形式设置在cookie中，那么我们如何把cookie中的数据取出呢！
// 获取cookie值
// console.kie)
var o=getCookie();
console.log(o);
function getCookie(){
// 先设置⼀个对象⽤来储存从cookie中取出的数据暗黑攻略
var obj={};
console.kie)
/
/ 将cookie的数据在；处分开得到数组
var kie.split("; ");
// 循环数组
for(var i=0;i<arr.length;i++){
var str=arr[i];
// 将数组的每⼀项再在=处分开
var arr1=str.split("=");
// 获得键名
var key=arr1[0];
// 获得键值
var value=arr1[1];
console.log(arr1,key,value);
// 添加给对象
obj[key]=value;
}
return obj;
冰川世纪
}
reduce 归并形式获取到cookie数据
// reduce 归并csv文件怎么打开
var o=getCookie();
console.log(o);
function getCookie(){
kie.split("; ").reduce((value,item)=>{ var arr=item.split("=");
// 因为有的键值是数值，所以要进⾏判断
value[arr[0]]=isNaN(arr[1])? arr[1]:Number(arr[1]); return value;
},{});
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。