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()
下一篇: mysql数据库之索引详细介绍