跨浏览器本地存储-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
1 | <script type="text/javascript" src="./js/store.js"></script> |
2、store.js常用的API
1 2 3 4 5 6 | store.set(key, val): 存储 key 的值为 val； store.get(key): 获取 key 的值； store.remove(key): 移除 key 的记录； store.clear(): 清空存储； store.getAll(): 返回所有存储； store.forEach(): 遍历所有存储。 |
3、store.js例子
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | // 存储 '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) }) |
2019年5月5日 下午8:37
好文章！666，学习了