封装cookie localStorage sessionStorage

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了封装cookie localStorage sessionStorage相关的知识,希望对你有一定的参考价值。

var cookie = function(name, value, options) {
        if (typeof value !== ‘undefined‘) {
            options = options || {};
            if (value === null) {
                value = ‘‘;
                options = $.extend({}, options);
                options.expires = -1;
            }
            var expires = ‘‘;
            if (options.expires && (typeof options.expires === ‘number‘ || options.expires.toUTCString)) {
                var date;
                if (typeof options.expires === ‘number‘) {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = ‘; expires=‘ + date.toUTCString();
            }
            var path = options.path ? ‘; path=‘ + (options.path) : ‘;path=/‘;
            var domain = options.domain ? ‘; domain=‘ + (options.domain) : ‘‘;
            var secure = options.secure ? ‘; secure‘ : ‘‘;
            document.cookie = [name, ‘=‘, encodeURIComponent(value), expires, path, domain, secure].join(‘‘);
        } else {
            var cookieValue = null;
            if (document.cookie && document.cookie !== ‘‘) {
                var cookies = document.cookie.split(‘;‘);
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = $.trim(cookies[i]);
                    if (cookie.substring(0, name.length + 1) === (name + ‘=‘)) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    }
    var removeCookie = function(key) {
        $.cookie(key, ‘‘, {
            expires: -1
        });
    }
 var storage = function(st, key, value, expires) {
            if (st == ‘l‘) {
                st = window.localStorage;
                expires = expires || 60;
            } else {
                st = window.sessionStorage;
                expires = expires || 5;
            }
            if (typeof value != ‘undefined‘) {
                try {
                    return st.setItem(key, JSON.stringify({
                        data: value,
                        expires: new Date().getTime() + expires * 1000 * 60
                    }));
                } catch (e) {}
            } else {
                var result = JSON.parse(st.getItem(key) || ‘{}‘);
                if (result && new Date().getTime() < result.expires) {
                    return result.data;
                } else {
                    st.removeItem(key);
                    return null;
                }
            }
        }

 

以上是关于封装cookie localStorage sessionStorage的主要内容,如果未能解决你的问题,请参考以下文章

面localStorage用作数据缓存的简易封装

本地存储localStorage以及它的封装接口store.js的使用

本地存储

本地储存

自己封装myLocalStorage,使其有有效期

浅谈cookie,sessionStorage和localStorage区别