js 封装cookie

// 设置cookie

function setCookie(name, value, seconds) {

if (seconds) {

// 代表传了过期时间

// 获取当前时间

var current = new Date()

// 获取当前时间戳

var st = current.getTime()

// 计算服务器时间加上过期时间

var exp = st - 8 * 1000 * 60 * 60 + seconds * 1000

// 转换成日期对象

var expDate = new Date(exp)

document.cookie = `${name}=${value};expires=${expDate}`

} else {

// 没有传过期时间

document.cookie = `${name}=${value}`

}

setCookie('name', 'jack', 10) // 存储一个10s后过期

setCookie('age', 18) // 存储一个会话级别

setCookie('gender', '男')

setCookie('score', 100, 10)

// 获取cookie

function getCookie(name) {

let cookieStr = document.cookie // 'a=1; b=2; c=3'

// 按照分号和空格

let cookieArr = cookieStr.split('; ')

// 数组每一项按照=再次拆分

// 创建一个空对象

var obj = {}

// console.log(cookieArr);

cookieArr.forEach(item => {

let itemArr = item.split('=')

// 把拆分后数组的第一项当成对象的key 第二项当成value

obj[itemArr[0]] = itemArr[1]

})

// {a:1, b:2, c:3}

return obj[name]

}

console.log(getCookie('age'))

console.log(getCookie('name'))

console.log(getCookie('gender'))

console.log(getCookie('score'))

js 封装cookie相关推荐

原生js封装cookie插件
最近迷上了react,用react模拟之前的系统,做登录的时候,发现需要用到cookie,之前用的跟vue搭配的VueCookie,我就在想啊,react应该也会有相应的cookie插件吧!百度一下, ...
微信公众号删除cookie失败，cookie设置了过期时间不管用，微信公众号cookie比较诡异，删不掉，解决办法，原生JS封装cookie统一操作删除cookie，读取cookie，删除cookie
公司有个项目,需求是这样的: pc 端的项目,有一个步骤可以在手机上操作,页面都在同一个域名下面,但是pc端需要登录(用到了 cookie ),公众号端不需要登录(不用 cookie ) ,不清楚服务 ...
js 原生cookie封装
文章目录前言原生cookie的使用 cookie存储 cookie获取 cookie修改 cookie删除 cookie封装 cookie简单使用 cookie封装工具类前言 Cookie 是一 ...
原生JS封装Ajax插件(同域jsonp跨域)
2019独角兽企业重金招聘Python工程师标准>>> 抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax ...
jquery.cookie 使用文档，$.cookie() 文档教程， js 操作 cookie 教程文档。
jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档. jquery.cookie中的操作: jquery.cookie.js是一个基于jquer ...
python处理svg 平移旋转_d3.js封装文本实现自动换行和旋转平移等功能
我们下面话不多说,本文主要介绍的是利用D3.js封装文本实现自动换行功能的步骤,下面来一起看看吧. 一.引用 multext.js 文件 multext.js function appendMulti ...
JS设置cookie、读取cookie、删除cookie
js操作Cookie总结(设置,读取,删除),工作中经常会用到的哦!下面是详细代码,如有错误,请留言指正! JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Sess ...
小程序promise封装post请求_微信小程序 es6-promise.js封装请求与处理异步进程
微信小程序 es6-promise.js封装请求与处理异步进程下载es6-promise.js置于根目录下的libs文件夹下: 在根目录utils文件夹下新建httpsPromisify.js,即定 ...
原生Js封装的弹出框-弹出窗口-页面居中-多状态可选
实现了一下功能: 1.title可自定义可拖拽 2.width height可以自定义 3.背景遮罩和透明度可以自定义 4.可以自己编辑弹出框里的html 5.确定取消按钮可选调用方法: 1 P ...

js 封装cookie

js 封装cookie相关推荐

最新文章

热门文章