跨浏览器本地存储-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
<script type="text/javascript" src="./js/store.js"></script>

2、store.js常用的API
store.set(key, val): 存储 key 的值为 val;
store.get(key): 获取 key 的值;
store.remove(key): 移除 key 的记录;
store.clear(): 清空存储;
store.getAll(): 返回所有存储;
store.forEach(): 遍历所有存储。

3、store.js例子
// 存储 '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)
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值