本地存储cookie,localStorage, sessionStorage

本地存储
cookie:document对象下的一个属性

	let cookie = {
	// 写入/修改cookie
	set(key,value,expires){
		let d = new Date(expires);
		document.cookie = key + "=" + value + ";expires="+d;
	},
	// 读取cookie
	get(key){
		let arr = document.cookie.split("; ")
		var result = {}
		arr.forEach(item=>{
			let key = item.split("=")[0];
			let value = item.split("=")[1];
			result[key]=value;
		})
		return key?result[key]:result;
	},
	// 删除cookie
	remove(key){
		if(this.get(key)){
			document.cookie = key + "=18;expires=" + new Date('1999-09-09');
			return true;
		}
		else{
			return false;
		}
	}
}

localStorage
* setItem(key,value) 写入
* getItem(key) 获取
* removeItem(key) 删除
* clear() 清空
* .length 返回有几条数据
sessionStorage
* setItem(key,value) 写入
* getItem(key) 获取
* removeItem(key) 删除
* clear() 清空
* .length 返回有几条数据
cookie,localStorage和sessionStorage它们之间的区别。
* cookie写法麻烦,兼容性好,可灵活设置生命周期。
* localStorage相对于cookie来说写法简单,兼容性一般,是永久性存储并不可设置过期时间。
* sessionStorage相对于localStorage来说只有生命周期不一样,这个生命周期是会话(存活与当前标签页中)。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值