cookie存储

增加(创建,带过期时间)

var exp = new Date();  //日期对象
exp.setTime(exp.getTime() + 1 * 10 * 1000);  //10秒后过期
//  exp.setTime()   //获取此刻时间戳
//  exp.getTime() + 60* 60 * 1000  过期时间, 60*60秒后过期

//方式 一 ...............用于存储单个
var bb ='要存储的数据'
document.cookie = "username="+ bb +"; expires=" + exp.toGMTString();
// expires过期时间
// exp.toGMTString()  此日期会在转换为字符串之前由本地时区转换为 GMT 时区。
//(GMT时间和中国时间相差八小时)

//方式 二 ...............用于存储多个
function setCookie(name, value) {
    document.cookie = name + "=" + value + ";expires=" + exp.toGMTString();
}
setCookie('name', 'data')
setCookie('name1', 'data1')
//setCookie('名字', '数据')

读取

function getCookie(data) {
            var arr, reg = new RegExp("(^| )" + data + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg)){
                return sessionStorage.setItem('abc',arr[2]);  //转化为临时存储或者持久化存储
            }else{
                return '';//时间过期后什么也不存储或者存储为空
            }
        }
getCookie('username')
//getCookie('存储cookie的key')

完整方式一,单一存取

//存
var exp = new Date(); 
exp.setTime(exp.getTime() + 1 * 10 * 1000);  //10秒后过期
var bb ='要存储的数据'
document.cookie = "username="+ bb +"; expires=" + exp.toGMTString();

//取
function getCookie(data) {
            var arr, reg = new RegExp("(^| )" + data + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg)){
                return sessionStorage.setItem('abc',arr[2]);  
            }else{
                return '';
            }
        }
getCookie('username')
console.log(sessionStorage.getItem('abc'))

完整方式二,多个存储,但只能一个一个取

//存
var exp = new Date(); 
exp.setTime(exp.getTime() + 1 * 10 * 1000);  //10秒后过期
function setCookie(name, value) {
    document.cookie = name + "=" + value + ";expires=" + exp.toGMTString();
}
setCookie('name', 'data')
setCookie('name1', 'data1')

//取
function getCookie(data) {
            var arr, reg = new RegExp("(^| )" + data + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg)){
                return sessionStorage.setItem('abc',arr[2]);  
            }else{
                return '';
            }
        }
getCookie('name')

更多参数

JavaScript 中，创建 cookie 如下所示：

document.cookie="username=John Doe";

您还可以为 cookie 添加一个过期时间会删除指定cookie：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";

使用 JavaScript 修改 Cookie,将username的value替换

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT";

参考链接 https://www.runoob.com/js/js-cookies.html