cookie(储存在用户本地终端上的数据) 需要借助于（phpstudy_pro软件）
客户端：
cookie （储存在用户本地终端上的数据）
web Stroage: localStorage sessionStorage
Cookie，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息
cookie 依赖服务器
cookie 相关的属性：
name : 定义cookie 的键
value ：定义 cookie 的值 存储的数据
path: 定义cookie 可被访问的路径
domain : 定义cookie可被访问的域
expires : 定义cookie 的有效期
cookie 分类：
会话cookie : 没有指定cookie 的有效期属性， 则为会话cookie， 随着浏览器窗口的关闭 自动销毁
持久cookie ： 指定cookie 的有效期属性， 设置了一个未来的时间， 当时间到达时，会自动销毁
1 // 最简单的cookie 设置 name=value 2 // document.cookie = 'admin=李四'; 3 4 // ================= (3)Path属性：定义了Web站点上可以访问该Cookie的目录 5 // document.cookie = 'name=万仙山1;'; 6 // document.cookie = 'name=万仙山2; path=/'; 7 // 指定具体的路径 意味着 该cookie只能在指定的路径下被访问 8 // 子路径下也可以被访问 9 // document.cookie = 'wxs=万仙山; path=/server'; 10 11 12 13 // ==================== (2)Expires属性：设置Cookie的生存期。有两种存储类型的Cookie：会话性与持久性。Expires属性缺省时，为会话性Cookie，仅保存在客户端内存中，并在用户关闭浏览器时失效；持久性Cookie会保存在用户的硬盘中，直至生存期到或用户直接在网页中单击“注销”等按钮结束会话时才会失效 14 // expires 取值是一个时间字符串对象 15 // // 获取时间对象 16 // let d = new Date(); 17 // // // 7天有效期 18 // // d.setTime(d.getTime() + 7 * 24 * 3600 * 1000) 19 // d.setTime(d.getTime() + 10 * 1000) 20 21 // // console.log(d); 22 // document.cookie = 'wan=js万物皆对象; expires=' + d.toUTCString(); 23 24 25 26 27 // let obj = {name:'张三'}; 28 // let res = obj.toString() 29 // console.log(res); // [object Object] 30 31 // let res = 'hello' + {}; 32 // console.log(res); 33 34 // let res = 'hello' + [1]; 35 // console.log(res); 36 37 38 // ====================== (4)Domain属性：指定了可以访问该 Cookie 的 Web 站点或域。Cookie 机制并未遵循严格的同源策略，允许一个子域可以设置或获取其父域的 Cookie。 39 // www.a.com www.b.com www.baike.a.com 40 // document.cookie = 'user=万仙; domain=.a.com'; 41 // console.log(document.cookie);
删除
1 // 删除 cookie 就是把cookie的过期时间 设置为 过去的某个时间 2 let d = new Date(); 3 d.setTime(d.getTime() - 1); 4 document.cookie = 'name=""; expires=' + d.toUTCString()
