我们用变量储存数据关闭页面会被销毁 若需要一段时间 可用cookie
cookie存储以域名区分 不同浏览器存放cookie位置不同
cookie数据是一种键值对格式为:cookie=值(两个值之间有一个;和 空格)
一个域名存放的 cookie是有限的 每个cookie存放内容大小也有限制
封装了设置cookie 获取cookie 删除cookie
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 设置cookie
function setCookie(key,value,t){
var oDate = new Date();
oDate.setDate(oDate.getDate()+t);
document.cookie = key+'='+encodeURI(value)+';expires='+oDate.toGMTString();
}
// decodeURI(document.cookie);获取cookie
// 获取cookie
function getCookie(key){
var arr1 = document.cookie.split('; ');
for(var i=0;i<arr1.length;i++){
var arr2 = arr1[i].split('=');
if(arr2[0]==key){
return decodeURI(arr2[1]);
}
}
}
// 删除cookie
function removeCookie(key){
setCookie(key,'',-1);
// 设置和原来相同的key value 后设置的会覆盖先前的 所以将它变为空字符串 前一天过期
}
</script>
</body>
</html>