浅谈cookie和localStorage那些事
⼀、localStorage、cookie、sessionStorage的区别与练习
1、cookie ⼩甜饼。它的⼤⼩限制为4KB左右，是⽹景公司的前雇员 Lou Montulli 在1993年3⽉的发明。它的主要⽤途有保存登录信息，⽐如你登录某个⽹站市场可以看到“记住密码”，这通常就是通过在Cookie中存⼊⼀段辨别⽤户⾝份的数据来实现的。
a、⽣命周期：通常为关闭浏览器的时间。如果想在关闭后还可以打开，可以给cookie设置失效时间
//具体操作cookie
　kie  = 'username=Darren'//'username'表⽰ cookie 名称，'Darren'表⽰这个名称对应的值。假设 cookie 名称并不存在，那么就是创建⼀个新的 cookie；如果存在就是修改了这个 cookie 名称对应的值。
//cookie的存取存取时必须要使⽤Document对象的 cookie 属性；（from w3cschool）
function getCookie(c_name){
if (kie.length>0){  //先判断cookie是否为空，为空就return ""
c_kie.indexOf(c_name + "=")  //通过String对象的indexOf()来检查这个cookie是否存在，不存在就为 -1 
if (c_start!=-1){
c_start=c_start + c_name.length+1  //最后这个+1其实是表⽰"="号啦，这样就获取到了cookie值的开始位置
c_kie.indexOf(";",c_start)//indexOf()第⼆个参数表⽰指定的开始索引的位置...为了得到值的结束位置。因为需要考虑是否是最后⼀项，所以通过";"号是否存在来判断
if (c_end==-1)
c_kie.length； 
return kie.substring(c_start,c_end))//通过substring()得到了值。想了解unescape()得先知道escape()是做什么的，都是很重要的基础，想了解的可以搜索下，在⽂章结尾处也会进⾏讲解cookie编码细节            //substring(indexStart[, indexEnd])截取⼀个字符串在开始索引到结束索引之间的⼀个⼦集, 或从开始索引直到字符串的末尾的⼀个⼦集。indexStart[, indexEnd]
//escape()字符串转义
}
}
return ""
} 
//通过expires来设置 cookie 的有效期。语法如下：
　kie = "name=value;expires=date"//data：GMT(格林威治时间)格式的⽇期型字符串
　var _date = new Date();
　_date.setDate(_Date()+30);//30 是保存30天的意思
　_GMTString();
　//函数封装
  function setCookie(c_name, value, expiredays){
  var exdate=new Date();
  exdate.Date() + expiredays);
  kie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" :";expires="+GMTString());
  }
  //使⽤⽅法
  setCookie('username','changlin',30)
sessionstorage和localstorage
在输⼊cookie信息时不能包含空格，分号，逗号等特殊符号，⽽在⼀般情况下，cookie 信息的存储都是采⽤未编码的⽅式。所以，在设置 cookie 信息以前要先使⽤escape()函数将 cookie
值信息进⾏编码，在获取到 cookie 值得时候再使⽤unescape()函数把值进⾏转换回来。如设置cookie时：
grade: 1
},
teemo: {
name: "teemo",
grade: 3
}
}
students = JSON.stringify(students); //将JSON转为字符串存到变量⾥
console.log(students);
localStorage.setItem("students",students);//将变量存到localStorage⾥
var newStudents = Item("students");
newStudents = JSON.parse(students); //转为JSON
console.log(newStudents); // 打印出原先对象
常⽤API
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

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