跨浏览器本地存储-Store.js
store.js是一个跨浏览器的数据本地存储JS插件,可以在不依赖 cookie 和 Flash 的情况下把数据保存在客户端。store.js最大的优点就是很好地解决了一些老版本浏览器不支持html5 LocalStorage API的问题,store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。 压缩版的store.js非常的小巧,仅仅只有2.56 kB。使用起来也很方便。
1、引入store.js
[cc lang=”html” escaped=”true”]<script type=”text/javascript” src=”./js/store.js”></script>[/cc]
2、store.js常用的API
[cc lang=”javascript” escaped=”true”]store.set(key, val): 存储 key 的值为 val;
store.get(key): 获取 key 的值;
store.remove(key): 移除 key 的记录;
store.clear(): 清空存储;
store.getAll(): 返回所有存储;
store.forEach(): 遍历所有存储。[/cc]
3、store.js例子
[cc lang=”javascript” escaped=”true”]// 存储 ‘username’ 的值为 ‘raykaeso’
store.set(‘username’, ‘raykaeso’)
// 获取 ‘username’
store.get(‘username’)
// 移除 ‘username’ 字段
store.remove(‘username’)
// 清除所有本地存储
store.clear()
// 存储JSON对象 – 自动调用 JSON.stringify
store.set(‘user’, { name: ‘raykaeso’, likes: ‘php’ })
// 获取存储的JSON对象 – 自动执行 JSON.parse
var user = store.get(‘user’)
alert(user.name + ‘ likes ‘ + user.likes)
// 从所有存储中获取值
store.getAll().user.name == ‘raykaeso’
// 遍历所有存储
store.forEach(function(key, val) {
console.log(key, ‘==’, val)
})[/cc]
2019年5月5日 下午8:37
好文章!666,学习了