什么是浏览器 cookie?------------------------------------浏览器cookie详解( 二 )


Cookies的使用
Cookie实际上主要是web服务器开发人员设置的 , 前端开发人员较少使用cookie , 但是也会使用 , 比如设置登录也页面的账号信息 。
我们打开浏览器控制台 , 对于chrome , 切换到Application,在左边的Storage下面可以看到cookie项 , 点开就能看到当前有哪些cookie,例如下面

什么是浏览器 cookie?------------------------------------浏览器cookie详解
文章图片
可以看到每一行就是一个cookie,里面含有它的值以及它的相关信息 , 待会将详细介绍每一个属性的含义 。 先来看一下怎么设置Cookie
document.cookie='name=xiaoming;expires='+oDate
上面就简单的设置了一项Cookie,每一个属性使用';'隔开 , 并且一次不能设置多个Cookie,一次只能设置一个 , 后面的也不会覆盖前面的Cookie , 只会拼接到当前Cookie的字符串后面 。 具体使用方法如下 。
·通过document.cookie设置cookie
格式:名字=值(document.cookie='age=18;max-age=1000')不会覆盖(注意设置cookie的时候 。 不能一次设置多条cookie只能一次设置一条cookie的信息 , 如果后面设置了前面的一样的字段 , 如果同域 , 同path , 那么后面会覆盖前面的 , 否者新增一条cookie 。 设置到path之后 , 该cookie只能被该path及其以下的目录获取 , 比如我设置path=/web,那么当我在/这个 , 目录下的时候不能访问到我设置到/web的cookie , 而我在/web/xxx这个目录下可以访问得到)过期时间:expires=时间/max-age=秒(不设置的话默认是临时存储)读取cookie(注意一般只有当我们含有http请求的时候设置cookie才有效 , 不同浏览器情况也不一样 , 比如ie下就可以直接设置) , 通过字符串分割 。 删除cookie:已经过期(即使设置日期 , 保证日期小于当前日期)【什么是浏览器 cookie?------------------------------------浏览器cookie详解
什么是浏览器 cookie?------------------------------------浏览器cookie详解
文章图片