js 设置读取删除cookie

最新推荐文章于 2023-01-09 13:08:30 发布

前端学习

最新推荐文章于 2023-01-09 13:08:30 发布

阅读量304

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/kaizi524/article/details/62040216

版权

javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cookie</title>
</head>
<body>
	
</body>
</html>
<script type="text/javascript">
// cookie的存储方式
// document.cookie = 'username=leo';
document.cookie = 'age=29';
// 1我们在通过document.cookie来获取当前网站下的cookie的时候得到的是字符串形式，包含了当前网站下的所有cookie，通过空格+分号链接
// 2长时间存放cookie需要设置cookie的时候需要设置过期时间（字符串）
// 3document.cookie = '名称=值;expires'+时间；
var oDate = new Date();
oDate.setDate(oDate.getDate()+5); //设置五天后
 // 时间转为字符串
 oDate.toGMTString();
// document.cookie = 'username=leo;expires=' + oDate;
// 4cookie在存储特殊字符时存在一些问题所以需要编码存放 encodeURI 解码decodeURI
document.cookie = 'username='+encodeURI('leo\n你好')+';expires'+oDate;
// 读取
// alert(document.cookie);
// alert(decodeURI(document.cookie));
// 设置cookie 
function setCookie(key,value,t){
	var oDate = new Date();
	oDate.setDate(oDate.getDate()+t);
	document.cookie = key + '=' + encodeURI(value) + ';expires='+oDate.toGMTString();
}
setCookie('sex','man',5);
//读取指定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);
}
// alert(getCookie('username'));
</script>