原生js--cookie操作的封装
封装cookie的操作:查询cookie个数、查询所有cookie的键、获取cookie、设置cookie、删除cookie、清除全部cookie
/**
 * cookieStorage
 */
function cookieStorage( maxage, path ){
    var cookie = ( function(){
        var cookie = {};
        var all = document.cookie;
        if( all ==="" ){
            return cookie;
        }
        var list = all.split( "; " );
        for( var i=0; i<list.length; i++ ){
            var singleCookie = list[i];
            var p = singleCookie.indexOf( "=" );
            var name = singleCookie.substring( 0, p );
            var value = singleCookie.substring( p+1 );
            value = decodeURIComponent( value );
            cookie[name] = value;
        }
        return cookie;
    }() );
var keys = [];
    for( var key in cookie ){
        keys.push( key );
    }
this.length = keys.length;
    this.key = function( n ){
        if( n < 0 || n > keys.length-1 ){
            return null;
        }
        return keys[n];
    }
    this.getItem = function(){
        return cookie[name] || null;
    }
    this.setItem = function( key, value ){
        if( !( key in cookie ) ){
            keys.push( key );
            this.length ++;
        }
        cookie[key] = value;
        var cookie = key + "=" + encodeURIComponent( value );
        if( maxage ){
            cookie += "; max-age=" + maxage;
        }
        if( path ){
            cookie += "; path=" + path;
        }
        document.cookie = cookie;
    }
    this.removeItem = function( key ){
        if( !( key in cookie ) ){
            return;
        }
        delete cookie[key];
        for( var i=0; i<keys.length; i++ ){
            if( keys[i]  === key ){
                keys.splice( i, 1 );
                break;
            }
        }
        this.length--;
        document.cookie = key + "=; max-age=0";
    }
    this.clear = function(){
        for( var i=0; i<keys.length; i++ ){
            document.cookie = keys[i] + "=; max-age=0";
        }
        cookie = {};
        keys = [];
        this.length = 0;
    }
}
原生js--cookie操作的封装的更多相关文章
- 使用原生js来操作对象dom的class属性
		之前一直都使用jquery来操作dom,今天想自己用原生写一些插件,却发现给dom增删class的时候,使用slice来截取className特别的麻烦,后来发现,原来原生JS本来就有提供api来对d ... 
- 原生JS一些操作
		很久没写原生的JS了,上周做了一个小东西让我又重新了解了一下原生JS,以下记录一些常见的原生JS var canvArrow = document.getElementById('js-canv_ar ... 
- js cookie 操作 封装
		pCookie.js (function(){ var PotatogCookie = {}; //设置cookie PotatogCookie.set = function(key, value, ... 
- 原生JS跨浏览器事件封装处理
		引子:用javascript给元素绑定事件,我们可以用addEventListener这个方法,然而这个方法有兼容问题,比如在IE浏览器上面就无效,在IE上面要用attachEvent这个方法 一.a ... 
- 最简单的原生js和jquery插件封装
		最近在开发过程中用别人的插件有问题,所以研究了一下,怎么封装自己的插件. 如果是制作jquery插件的话.就将下面的extend方法换成 $.extend 方法,其他都一样. 总结一下实现原理: 将 ... 
- 最详细的原生js实现ajax的封装
		1. ajax的介绍 1.1 含义 ajax 的全称是Asynchronous JavaScript and XML 简单理解下:ajax就是异步的js和服务端的数据 1.2 组成 异步的js:事件, ... 
- js cookie操作
		//写Cookie function writeCookie(name, value) { var expire = new Date(); expire.setFullYear(expire.get ... 
- 原生JS节点操作
		获取子节点 1. children 不是标准的dom属性,但是几乎被所有浏览器支持.获取子元素的元素节点(只包括元素节点) 注意:在IE中,children包含注释节点. 2. childNodes ... 
- 【2048小游戏】——原生js爬坑之封装行的移动算法&事件
		引言:2048小游戏的核心玩法是移动行,包括横行和纵行,玩家可以选择4个方向,然后所有行内的数字就会随着行的移动而向特定的方向移动.这个行的移动是一个需要重复调用的算法,所以这里就要将一行的移动算法封 ... 
- js cookie 操作
		<html> <head> <meta charset="utf-8"> <title>Javascript cookie</ ... 
随机推荐
- ubuntu 16.04使用软件中心升级软件后桌面显示空白
			转载:http://www.jb51.net/os/Ubuntu/472560.html 每次在ubuntu Software里进行Updates后(或者直接关机后),重启电脑后,桌面显示空白 解决办 ... 
- 正则表达式awk
			以冒号: 为分隔符打印出来:打印第一段$1: -F 分隔符 [root@localhost awk]# awk -F ':' '{print $1}' test.txt root bin daemo ... 
- asp.net GridView实现多表头类 多行表头实现方法
			以上列表中运用的都是基本的东东: 1.多表头: 2.按值改变行颜色: 3.分页码 代码: AndyGridViewTHeaderHepler.cs //------------------------ ... 
- winform  打开一个窗体,关闭一个窗体
			例如 我要打开一个窗体b,关闭一个窗体a a中的代码添加: private void pictureBox5_Click(object sender, EventArgs e) { W_MainFo ... 
- PHP+Oracle Instant Client
			<?php <b>●Oracleとの接続テスト</b> <hr> <?php // Oracleとの接続 $conn = OCILogon(" ... 
- HDU 5083 Instruction(字符串处理)
			Problem Description Nowadays, Jim Green has produced a kind of computer called JG. In his computer, ... 
- Dubbo -- 系统学习 笔记 -- 示例 -- 多注册中心
			Dubbo -- 系统学习 笔记 -- 目录 示例 想完整的运行起来,请参见:快速启动,这里只列出各种场景的配置方式 多注册中心 可以自行扩展注册中心,参见:注册中心扩展 (1) 多注册中心注册 比如 ... 
- SqlServer当前月份时间
			SqlServer当前月份时间 SELECT -DAY(getdate()+-DAY(getdate())) 
- ios开发之--sizeToFit的用法
			sizeToFit :即当前视图便捷和便捷大小变化(自动根据文本大小改变自身的宽度) 代码如下: - (void)sizeToFitDemo { UILabel * label = [[UILabel ... 
- Docker-创建和分享应用(3)
			Dockerfile定义容器内环境中发生的事情.对网络接口和磁盘驱动器等资源的访问在此环境中进行虚拟化,该环境与系统的其他部分隔离,因此您需要将端口映射到外部世界,并具体说明要“复制”哪些 ... 
