-

跨浏览器本地存储-Store.js

WEB前端

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]

来源:跨浏览器本地存储-Store.js

跨浏览器本地存储-Store.js” 评论

    shebaoce 评论:
    2019年5月5日 下午8:37

    好文章!666,学习了

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注