前端本地存储的方法

本地存储有三种方法localstorage、sessionStorage、cookie

区别

cookie存值大小4kb，使用时得封装，默认存储时间7天
localStorage存值5MB，存储时间永久
sessionStorage为会话级别，页面关闭以后会销毁

localStorage存取值

//存
let ls=localStorage
ls.setItem("username","奥特曼")
//或者
ls.username="奥特曼"
//取
ls.getItem("username")

sessionStorage存取值

//存
let ss=sessionStorage
ss.setItem("username","奥特曼")
//或者
ss.username="奥特曼"
//取
ls.getItem("username")

这两者存取方法是一样的

cookie存取值

//存
 document.cookie = "name=laowang"
  document.cookie = "pwd=123456";
 //取
        let arrCookie = strCookie.split("; ");
        for(let t in arrCookie){
            //console.log(arrCookie[t]);
            let item = arrCookie[t].split("=");
            console.log("姓名"+item[0],"密码"+item[1]);
        }

cookie封装

//getCookie
	function getCookie(key){
		let strCookie = document.cookie;
		let arrCookie = strCookie.split("; ");
		
		for(let i=0; i<arrCookie.length; i++){
			let item = arrCookie[i].split("=");
			
			if(item[0] == key){
				return item[1];
			}
		}
		
		return "";
	}
	
	//console.log(getCookie("name"));
	
	//setCookie
	function setCookie(key,value,date){
		let d = new Date();
		d.setDate(d.getDate()+date);
		document.cookie = key+"="+value+";expires="+d;
	}
	//setCookie("pwd","123456",10);
	
	//delCookie
	function delCookie(key){
		setCookie(key,"",-1);
	}
	delCookie("name");