我是靠谱客的博主 懦弱路灯,最近开发中收集的这篇文章主要介绍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所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(37)

评论列表共有 0 条评论

立即
投稿
返回
顶部