您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

document.cookie

Cookie 是请求首部,其中含有先前由服务器通过 Set-Cookie 首部投放并存储到客户端的 HTTP cookies。

cookie 可以作为单独知识了解,这里其实介绍的是 document.cookie

通过 document.cookie 可以与设置 cookie 。

document.cookie;

通过 document.cookie 到的 cookie 由 cookie 的和值组成,由等号=分隔,并且可以有多条,每条 cookie 之间用分号 ‘;’ 分隔。

var cookie = 'cookie=cookie值';

document.cookie = cookie;

设置 cookie 采用键值对的形式。

对应的就是 cookie的cookie值

每次只能设置一条 cookie ,但可以同时设置这条 cookie的

如果需要设置多条 cookie ,则再次给 document.cookie 赋新值即可,但如果是相同的 cookie ,值就会被覆盖。

设置 cookie 的同时可以设置这条 cookie 的。

document.cookie = '=值; 1=值1; 2=值2';

看起来是可以设置多条 cookie 一样,其实只有第一对值才是 cookie 的值,后面跟的都是这条 cookie 的。

可以跟随的有:

这些具体作用可以参考 cookie 相关的。

设置完可以通过开发者工具查看。

在开发者工具的 Application 面板,cookie 下,每一条 cookie 都可以看到对应的。

由于设置 cookie 是具有一定格式的,所以不能有字符来干扰这个格式。

var cookie = 'code=var a = 1; var b = 2;';

document.cookie = cookie;

这种情况下,cookie 就不符合预期了,被切断。

cookie 中不应该含有空格、分号、逗号这些符号。

借助 encodeURIComponent ,对 cookie 的值进行编码就可以避免这类问题。

var cookie = 'code=' + encodeURIComponent('var a = 1; var b = 2;');

document.cookie = cookie;

后续需要使用到这一条 cookie 的地方,再做一次解码操作即可。

注意:对字符串编码还可以使用 escape ,但已经从标准中移除,目前浏览器虽然还这个,但无法保证永远会保留这个,最好避免使用 escape 。

随着前端存储方案的,前端程序员访问 document.cookie 相对曾经减少了很多。

document.cookie 赋值可以一条 cookie,同时通过 ; 相隔,来设置这条 cookie 的。

当设置的 cookie 带有特殊字符的时候,如 ; 或者 =,应采用 encodeURIComponent 对编码,建议所有的 cookie 都进行编码。


联系我
置顶