cookie简介（前端）_前端cookie

目录

一、作用

二、特点

        1、按照域名存储的（必须在服务器上打开）

        2、按照文件路径存储

        3、Cookie的存储是按照字符串的形式存储的

        4、存储大小（4KB左右）

        5、时效性

        6、操作权限（前后端都可操作）

        7、请求自动携带

三、前端操作Cookie

        1、前提：操作cookie页面必须在服务器打开

        2、读写属性，document.cookie        

        3、设置cookie

                a、一次只能设置一条cookie

                b、在设置时，每一条的分号后面可以写对本条cookie的描述

                c、在设置时，不管存储什么数据类型，都对自动转换成字符串形式存储

                d、在设置时，设置同类名的cookie就是修改（相同路径下）

                e、在设置时，设置一个cookie的过期时间为当前时间之前就是删除

---

一、作用

        浏览器端的本地存储空间，用来存储一些数据

二、特点

        1、按照域名存储的（必须在服务器上打开）

                同一域名存储，在当前域名下就可以访问，换一个域名就不能访问

        2、按照文件路径存储

                在a文件夹下存储的数据，只能在a文件夹机子文件夹访问，在a文件夹的上级目录不能访问。

        3、Cookie的存储是按照字符串的形式存储的

                ' key = value; key2 = value2; key3 = value3 '

        4、存储大小（4KB左右）

                50条左右（官方发布的规则），真实情况150条

        5、时效性

                默认会话级别的时效（关闭浏览器就没有了）

                可以手动设置Cookie的实效（关闭浏览器以后依旧保存）

        6、操作权限（前后端都可操作）

        7、请求自动携带

                只要Cookie空间里面有数据，那么在发送任何一个请求时都会自动携带

三、前端操作Cookie

        1、前提：操作cookie页面必须在服务器打开

        2、读写属性，document.cookie        

                document.cookie = ' key = value ' 

        3、设置cookie

                a、一次只能设置一条cookie

                b、在设置时，每一条的分号后面可以写对本条cookie的描述

                        expires：过期时间

                document.cookie= " a = 100; expires = ' 1000 + new Date() ' "

                        path：存储路径（默认当前目录存储）

                                path = ' / '         / 根目录         ../ 上一级目录

                c、在设置时，不管存储什么数据类型，都对自动转换成字符串形式存储

                d、在设置时，设置同类名的cookie就是修改（相同路径下）

                e、在设置时，设置一个cookie的过期时间为当前时间之前就是删除