一、Cookie
-
1.Cookie 概念
Cookie : 服务器 发送给 浏览器 并 保存在本地的一小块数据,会在浏览器下次向同一服务器 再次发起请求时 被 携带并发送到服务器上。
-
2.Coolie 作用域
-
Domain
Domain:指定那些主机可以接收Cookie;
-
不指定,则默认为当前主机;
-
指定 Domain ,一般包含子域名 (Domain=wos.com) 。
-
-
Path
Path:指定主机下的那些路径可以接受 Cookie,用 %x2F(/) 作为路径分隔;
-
-
3.Cookie 有效期
-
会话期 Cookie
- 最简单的 Cookie。浏览器关闭后自动删除。(会话期不需要指定过期时间和有效时间)
-
持久性 Cookie
- 制定一个特定的过期时间或有效期;
-
-
4.Cookie 应用
-
1.会话状态管理(用户登录、购物车、游戏分数)
-
2.个性化设置(用户自定义设置、主题)
-
3.浏览器行为跟踪(跟踪分析用户行为)
-
二、HTTP && Cookie
-
创建 Cookie
<script> document.cookie = newCookie; // Cookie 数据格式 /* Cookie 存储数据格式; 1.多个数据 ';' 分隔; 2.每个数据以键值对形式存在; */ // 一次只能设置一个 document.cookie = "name=afwa"; // 多个 ; 分隔 document.cookie = "someCookieName=true;expires=Fr1,31D……;path="/"; </script>
Tip : 设置Cookie键值时,一次只能设置一个;
-
读取 Cookie
<script> document.cookie = newCookie; // Cookie 数据格式 /* Cookie 存储数据格式; 1.允许存储多个数据,数据之间 ';' 分隔; 2.每个数据以键值对形式存在; */ console.log(document.cookie); </script>
-
修改 Cookie
<script> document.cookie = newCookie; // Cookie 数据格式 /* Cookie 存储数据格式; 1.多个数据 ';' 分隔; 2.每个数据以键值对形式存在; */ // 多个键值对赋值 var cookies = document.cookie; var arr = cookies.split(';' ; for(var i=0;i<arr.length;i++){ var cookie = arr[i]; var cookiePair = cookie.split('='); { </script>
-
删除 Cookie
Tip : 将名称设为空;或将其时间设置为过期时间
<script> document.cookie = newCookie; // Cookie 数据格式 /* Cookie 存储数据格式; 1.多个数据 ';' 分隔; 2.每个数据以键值对形式存在; */ document.cookie = "name=''"; </script>
三、访问 && 更新 Cookie
Tip : 一般工况下Cookie值都是自动生成,但是我们可以手动修改;