<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
cookie限制:
1.数量(20-50,不同的浏览器有差异),大小有限(4k);
2.有些数据不适合使用cookie保存,比如银行卡号能重要信息。
-->
<script>
//普通方法创建cookie,如果多条的话比较繁琐
document.cookie="name="+encodeURIComponent("小王"); //加密
document.cookie="qq=1628890047";
document.cookie="age=26";
//封装创建cookie函数
function setCookie(key,value,expires){
var ddate = new Date();
ddate.setDate(ddate.getDate()+expires);
document.cookie=key+"="+value+";expires="+ddate;
// alert(document.cookie)
}
// setCookie("职位","老师",7); //过期日期为7天
//读取cookie函数
function getCookie(name) {
var arrStr = document.cookie.split("; "); //注意后面带空格
for(var i=0;i<arrStr.length;i++){
var arr=arrStr[i].split("=");
if(arr[0]==name){
return decodeURIComponent(arr[1]); //解密
};
}
return "";
}
alert(document.cookie);
// alert(getCookie("name"));
// alert(getCookie("qq"));
//删除cookie函数
function removeCookie(key){
setCookie(key,"任意值",-1); //只要将过期日期设置<0;即删除这个cookie值
}
removeCookie("name");
alert(document.cookie);
</script>
</body>
</html>
可以封装成cookie.js,用于引入使用:
//封装创建cookie函数
function setCookie(key,value,expires){
var ddate = new Date();
ddate.setDate(ddate.getDate()+expires);
document.cookie=key+"="+value+";expires="+ddate;
}
// setCookie("职位","老师",7); //过期日期为7天
//读取cookie函数
function getCookie(name) {
var arrStr = document.cookie.split("; "); //注意后面带空格
for(var i=0;i<arrStr.length;i++){
var arr=arrStr[i].split("=");
if(arr[0]==name){
return decodeURIComponent(arr[1]); //解密
};
}
return "";
}
// alert(document.cookie);
// alert(getCookie("name"));
// alert(getCookie("qq"));
//删除cookie函数
function removeCookie(key){
setCookie(key,"任意值",-1); //只要将过期日期设置<0;即删除这个cookie值
}
//removeCookie("name");
js自学网站推荐:http://www.51zxw.net/study.asp?vip=4857021