js中cookie存储的使用

50 阅读 0 评论 33 点赞

我是靠谱客的博主香蕉山水，最近开发中收集的这篇文章主要介绍js中cookie存储的使用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<script type="text/javascript">
	
	/*
	 cookie的概念:
	 cookie的本质上是一段文本信息,存储本地浏览器中,而且可以跟随网络请求在本地与服务器之间传递(服务器后面node会讲解).当某个网站能买到对应请求的cookie信息,就可以根据信息对用户的行为或者偏好设置做出反馈!
	 cookie的适用场景:
	 1.保存用户的登录状态
	 2.存储购物车信息等
	 3.跟踪用户行为,进行个性化网页定制
	 
	 cookie的弊端:
	 1.容量小 大约4kb
	 2.cookie可以手动删除(非代码行操作删除)
	 3.限时存储,要设置存储时间限制!! 
	 */
	
	
	//方式1:
	console.log(document.cookie);//cookie本质 你看到啦!就是一个字符串
	//max-age 以秒为单位,存储多长时间!! 
	//多少秒之后失效!!!
	//注意cookie的时间是以0时区的时间为标准的! 所以差8个小时!!!但是不影响使用!! 
	document.cookie = "name=lily;max-age=20";  //20秒之后就失效
	//3天后失效
	var time1 = 60 * 60 * 24 * 3;
	document.cookie = "passwd=123456;max-age=" + time1;
	
	//怎么删除呢?? 没有直接删除的方式  只能让它立刻失效就行
	//因为只要失效 就会自动删掉!!!
//	document.cookie = "passwd=123456;max-age=-1";
	
	
	//方式2:
	//expires 识别日期字符串
	//1天后失效
	var now = new Date();//获取此时此刻  是参考系统时间!!!
	var tomorrow = now.getDate() + 1; //天数+1
	now.setDate(tomorrow); //再把+1的后日期 重新设置
	///--------------------------------
	//1年后   
     //now.setFullYear(now.getFullYear() + 1);
     //20分钟后
//   now.setMinutes(now.getMinutes() + 20);
	document.cookie = "hobby=打代码;expires=" + now.toString();
	
	
</script>