欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cookie,sessionStorage,localStorage

程序员文章站 2022-06-10 13:06:03
...

cookie用在写网页时存储的临时变量或自定义时长变量,大小(4k)左右

cookie不能像后面的 …Storage直接使用,需要自己定义函数,或是引用第三方库函数
// 设置cookie
function setCookie (key, val, day) {
	var date = new Date();
	date.setTime (date.getTime() + day * 24 * 60 * 60 * 1000);
	document.cookie = key + '=' + val + ';expires=' + date.toString();
}
// 删除cookie
function delCookie (key) {
	setCookie (key, '', -1);
}
// 获取cookie中的值
function getCookie (key) {
	var cookies = document.cookie;
	var cookArr = cookies.split('; ');
	for (var i = 0; i < cookArr.length; i++) {
		var arr = cookArr[i].split('=');
		if (arr[0] == key) {
			return arr[1];
		}
	}
}

设置cookie

setCookie(‘name’, ‘张三’, 180); // 将张三存到cookie中180天

获取张三

getCookie(‘name’);

在vue 的开发中还可以直接使用sessionStorage和localStorage,大小(5M)左右

区别:sessionStorage当网页关闭后,存储的数据就被清空了;localStorage当网页关闭后,下次打开网页,数据依然存储在。
使用方法类似:

设置值
sessionStorage.setItem(key, val)
localStorage.setItem(key, val)
获取值
sessionStorage.getItem(key)
localStorage.getItem(key)
主动清空
sessionStorage.clear()
localStorage.clear()