web storage和cookie区别以及store.js使用

本地存储 本地 存储 本地

Cookie的作用是与服务器进行交互，不可以跨域调用（Cookie可以通过把传值给window.name实现跨域）。
Web Storage仅仅是为了在本地“存储”数据而生。

web storage中有localStorage和sessionStorage

localStorage可以永久性存储数据，只有手动删除。
sessionStorage临时存储，结束对话就删除。

使用：

window.localStorage.key - 取值
window.localStorage[key] - 取值
window.localStorage.key = value - 设置值
window.localStorage[key] = value - 设置值


window.localStorage.setItem(key,value) - 设置值的方法
window.localStorage.getItem(key) - 取值的方法
window.localStorage.removeItem(key) - 移除一个值
window.localStorage.clear() - 清空所有的值

IE6/7不支持web storage，但是可以使用userData效果跟web storage一样此方法只能在IE使用。

为了兼容可以使用插件store.js，如果不考虑低版本的浏览器完全可以不使用store.js。

store.js 对支持localStorage的浏览器使用localStorage，对支持的浏览器（IE<8）使用userData；
对userData同目录的限制它使用htmlfile和iframe的方式解决，很好的兼容的所有的浏览器。

使用方法

store.get('key') - 获取值
store.set('key', 'value') - 设置值
store.remove('key') - 移除一个值
store.clear() - 清除所有的值
store.getAll() - 获取所有的值


store.set('user', { name: 'marcus', likes: 'javascript' })
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)

尽管如此Cookie也有需要它的地方，Cookie的作用是与服务器进行交互，但不可以跨域调用。

jquery.cookie.js使用介绍

Web Storage仅仅是为了在本地“存储”数据而生。

store.js下载

Store.js 是一个非常轻量和简单的本地存储框架，如果有更加高级的需求的话，也可以尝试使用更加强大的USTORE.js 或者 Box.js。