偏前端--之小白学习本地存储与cookie

百度了很多都是讲的理论,什么小于4kb啊之类的,小白看了一脸懵逼复制到html中为什么没效果!!
哈哈。我来写一个方便小白学习。 贴图带文字描述,让小白也运行起来,然后自己再去理解。。。

1. cookie存储于访问者的计算机中的变量,用来存放一些数据。

      在我们浏览页面时,经常会填写自己的名字等,这些会被存放于cookie中。

  大小限制4K,可以用来实现session跟踪,在服务器保存session状态。自动参与http通信。

  生命周期:浏览器全局共享,域名隔离。

 

2.名称:cookie的名称,不区分大小写;

   值:存储在cookie中的字符串,必须被URL编码;

   域:cookie对于哪个域是有效的,如果没有明确确定,那么这个域会被认作来自设置cookie的那个域。

   路径:指定域中的那个路径应该向服务器发送cookie;例如:设置才能访问,那么即使同一域名下的的页面就不会发送cookie信息,即使请求都是来自同一域名下的。

   删除时间:用于删除cookie的准确时间,这个值是个GMT格式的日期(Wdy,DD-Mon-YYYY HH:MM:SS GMT)

   安全标志:指定后,cookie只有在使用SSL连接的时候菜发送到服务器。例如只能用https而不能用http发送。

 

// 设置 cookie 字段 document.cookie = 'name=Lucy'; // 更好的设置方式: document.cookie = encodeURIComponent('age') + '=' + encodeURIComponent(25); // 访问 cookie document.cookie // 删除 cookie(设置存储有效时长为过去时间) var date = new Date(); date.setDate(date.getDate() + '设置时长'); document.cookie = 'name=Lucy;expires=' + date.toUTCString();

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwdxxj.html