cookie技术
1、cookie概述
- 作用:用来保存信息,比如用户名密码;
- 特点:同一域名所有页面共享一套 cookie;cookie的数量和大小十分有限;cookie有过期时间;
- 使用:document.cookie属性;
2、cookie 创建&读取&改变&删除
- 创建:其中 expires 和 path 分别用来设置过期时间和作用的路径
document.cookie = "username=Bill Gates; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";
- 读取:document.cookie 会在一条字符串中返回所有 cookie
var x = document.cookie;
document.cookie = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";
- 删除:直接设置过期时间为过去即可,最好指定 cookie 路径确保 cookie 能被删除
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
3、cookie操作封装
- getCookie:split分割后遍历;
- setCookie:重复设置不会覆盖,只会增加;同名的 cookie 再次设置的话是会覆盖的
- removeCookie:通过设置过期时间为 -1 来实现;
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires="+d.toUTCString(