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>

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值