store.js 跨浏览器的localStorage

store.js 跨浏览器的localStorage

我们总是想要储存一些数据在浏览器端,却对复杂的兼容性头疼,store.js很好的解决了这些问题。

store.js

使用它相当简单:

// 储存数据
store.set('username', 'marcus')

// 获取数据
store.get('username')

// 删除数据
store.remove('username')

// 清除所有数据
store.clear()

// 储存对象,store.js会使用JSON.stringify字符串化对象
store.set('user', { name: 'marcus', likes: 'javascript' })

// 获取对象,store.js会使用JSON.parse解析字符串
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)

// 获取所有属性
store.getAll().user.name == 'marcus'

// 遍历store
store.forEach(function(key, val) {
    console.log(key, '==', val)
})

需要注意的

  • safari隐私模式下存在localStorage对象,但是使用会报错,所以使用前需要先判断 store.enabled
if(store.enabled){
    ...
}
  • 如果要兼容ie6、7,则需要另外使用 JSON2 插件
posted @ 2016-02-03 15:03  Lianer  阅读(1100)  评论(0编辑  收藏  举报

Lianer