cookie
cookie的使用:
- 设置cookie
document.cookie="userId=828";
document.cookie="userId=828; userName=hulk";
- 获取
var x = document.cookie;
- 设置过期时间 expires
默认情况下,cookie 在浏览器关闭时删除:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT"; // GMT_String
- 删除
为了删除一个cookie,可以将其过期时间设定为一个过去的时间
//获取当前时间
var date=new Date();
//将date设置为过去的时间
date.setTime(date.getTime()-10000);
//将userId这个cookie删除
document.cookie="userId=828; expires="+date.toGMTString();
localStorage
持久化的存储方式,如果不手动清除,数据就永远不会过期。
使用方法:
- localStorage.length 获得storage中的个数
- localStorage.key(n) 获得storage中第n个元素对的键值(第一个元素是0)
- localStorage.getItem(key)获取键值key对应的值
- localStorage.key 获取键值key对应的值
- localStorage.setItem(key, value) 添加数据,键值为key,值为value
- localStorage.removeItem(key) 移除键值为key的数据
- localStorage.clear() 清除所有数据
sessionStorage
和服务器端使用的SESSION类似,是一种会话级别的缓存,关闭浏览器会数据会被清除。
使用方法:
- sessionStorage.length获得storage中的个数
- sessionStorage.key(n)获得storage中第n个元素对的键值(第一个元素是0)
- sessionStorage.getItem(key)获取键值key对应的值
- sessionStorage.key 获取键值key对应的值
- sessionStorage.setItem(key, value)添加数据,键值为key,值为value
- sessionStorage.removeItem(key)移除键值为key的数据
- sessionStorage.clear()清除所有数据
globalStorage‘
Firefox浏览器特有的,也是一种持久化的存储
使用方法:
- globalStorage['developer.mozilla.org'] —— 在developer.mozilla.org下面所有的子域都可以通过这个存储对象来进行读和写。
- globalStorage['mozilla.org'] —— 在mozilla.org域名下面的所有网页都可以通过这个存储对象来进行读和写。
- globalStorage['org'] —— 在.org域名下面的所有网页都可以通过这个存储对象来进行读和写。
- globalStorage[''] —— 在任何域名下的任何网页都可以通过这个存储对象来进行读和写。
方法属性:
- setItem(key, value) —— 设置或重置 key 值。
- getItem(key) —— 获取 key 值。
- removeItem(key) —— 删除 key 值。
- 设置 key 值:window.globalStorage["planabc.net"].key = value;
- 获取 key 值:value = window.globalStorage["planabc.net"].key;