JS 知识点拾遗

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;

• 改变：旧的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(