本地存储cookie的封装,提供简单的API
发布在JSLite.io2015年1月29日view:4105BrettBat移动开发
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

本地存储cookie的封装,提供简单的AIP,没有对IE做兼容处理,因为俺主要用于chrome,Safari,Firefox、移动端等先进浏览器里面跑。如果您有需求,可以自行解决,共享出来。目前俺用不上,所以不想兼容IE。。。

Github地址cookie.js

cookie APIs

cookie("test","tank",1800)  //设置 cookie 的值,生存时间半个小时
cookie("test")              //获取 cookie 的值,显示tank
cookie("test",null)         //删除cookie test
cookie()                    //清空cookie

cookie.set("test","tank",1800)  //====cookie("test","tank",1800)
cookie.get("test")              //====cookie("test")
cookie.remove("test")           //====cookie("test",null)
cookie.clear()                  //====cookie()

cookie.all()                    //获取所有 cookie

批量设置cookie的值

cookie.set({
   name1: 'value1',
   name2: 'value2'
});

expires过期时间、 path路径、 domain域、以及 secure安全。

cookie("test","123",{
    "expires": 7,
    "path": '/',
    "domain":""
});
cookie({"test":"123"},{
    "expires": 7,
    "path": '/',
    "domain":""
});

key value default value
expires 过期时间(天)。指定cookie的生命期。具体是值是过期日期。如果想让cookie的存在期限超过当前浏览器会话时间,就必须使用这个属性。当过了到期日期时,浏览器就可以删除cookie文件,没有任何影响。 浏览器关闭过期
domain 域。指定关联的WEB服务器或域。值是域名,比如pc175.com。这是对path路径属性的一个延伸。如果我们想让 catalog.pc175.com 能够访问shoppingcart.pc175.com设置的cookies,该怎么办? 我们可以把domain属性设置成“pc175.com”,并把path属性设置成“/”。tag:不能把cookies域属性设置成与设置它的服务器的所在域不同的值。 默认本域
path 路径。指定与cookie关联的WEB页。值可以是一个目录,或者是一个路径。如果http://www.pc175.com/devhead/index.html 建立了一个cookie,那么在http://www.pc175.com/devhead/目录里的所有页面,以及该目录下面任何子目录里的页面都可以访问这个cookie。这就是说,在http://www.pc175.com/devhead/stories/articles 里的任何页面都可以访问http://www.pc175.com/devhead/index.html建立的cookie。但是,如果http://www.pc175.com/zdnn/ 需要访问http://www.pc175.com/devhead/index.html设置的cookes,该怎么办?这时,我们要把cookies 的path属性设置成“/”。在指定路径的时候,凡是来自同一服务器,URL里有相同路径的所有WEB页面都可以共享cookies。现在看另一个例子:如果想让 http://www.pc175.com/devhead/filters/http://www.pc175.com/devhead/stories/共享cookies,就要把path设成“/devhead”。 默认 /
secure 安全。指定cookie的值通过网络如何在用户和WEB服务器之间传递。这个属性的值或者是“secure”,或者为空。缺省情况下,该属性为空,也就是使用不安全的HTTP连接传递数据。如果一个 cookie 标记为secure,那么,它与WEB服务器之间就通过HTTPS或者其它安全协议传递数据。不过,设置了secure属性不代表其他人不能看到你机器本地保存的cookie。换句话说,把cookie设置为secure,只保证cookie与WEB服务器之间的数据传输过程加密,而保存在本地的cookie文件并不加密。如果想让本地cookie也加密,得自己加密数据。 false

set

设置 cookie 的值,设置时间

cookie.set(name,value,options) 效果相同cookie(name,value,options)

cookie("test","tank",30)    //设置cookie,并设置过期时间30天

cookie("test","123",{       //设置cookie,并设置过期时间7天,路径、域
    "expires": 7,
    "path": '/',
    "domain":""
});

cookie({"test":"123","test2":"456"},{  //批量设置
    "expires": 7,
    "path": '/',
    "domain":""
});

get

获取 cookie 的值

cookie.get(name) 效果相同cookie(name)

store.get("wcj1") //获取wcj1的字符串数据
store("wcj1") //功能同上

clear

清空cookie

cookie.clear() 效果相同cookie()

cookie()
cookie.clear(

remove

删除cookie

cookie.remove(name) 效果相同cookie(name,null)

cookie.remove("test") //删除cookie test
cookie("test",null) //这样也是 删除cookie test
评论
发表评论
1年前
赞了此文章!
1年前
添加了一枚【评注】:有括号丢了
2年前
赞了此文章!
WRITTEN BY
JSLite.io
前端开发工程师,JSLite.io求关注,求star。
TA的新浪微博
PUBLISHED IN
JSLite.io

官网:JSLite.io。JSLite 是一个 JavaScript 库,与 jQuery 有着类似的 API,通用库只有 5-10k,让 Web 开发更迅速,下载执行更快、量级更轻只针对先进浏览器(支持HTML5、CSS3)移动端浏览器编写的 JavaScript 库。与jQuery有着类似的api,模仿jQuery的语法规范,并不是100%的覆盖。如果你会用jQuery,那么你也会用JSLite。

推进前端开发标准对于攻城师来说,人人有责。

我的收藏