浏览器上实现数据的本地存储・小结
2012-11-27 13:04
218 查看
在客户端存储数据时,我们一般都用cookie(不敏感数据),但是在客户端越来越富的今天,cookie可存储的量(每个域最大4k)实在是小。
在HTML5中有localStorage可使用,但是这就抛弃了IE8↓。为了兼容,我们可以翻出IE很久以前就搞的一个存储方法:
给一个元素添加一个特殊的样式url(#default#userData),之后就可以通过setAttribute和getAttribute来存取键值对形式的数据了。
要注意的一点就是在数据改变后要使用save方法,而数据加载初期要load。
接下来就贴上使用方法,当使用的浏览器支持HTML5时,就使用localStorage。
不过就算兼容了 还是会有问题存在,例如在IE上存储的信息,通过Chrome打开时就获取不到了。
在HTML5中有localStorage可使用,但是这就抛弃了IE8↓。为了兼容,我们可以翻出IE很久以前就搞的一个存储方法:
给一个元素添加一个特殊的样式url(#default#userData),之后就可以通过setAttribute和getAttribute来存取键值对形式的数据了。
要注意的一点就是在数据改变后要使用save方法,而数据加载初期要load。
接下来就贴上使用方法,当使用的浏览器支持HTML5时,就使用localStorage。
var localStorage = (function(db) { if (typeof db.clear == "function") { return db; } var database = document.createElement("div") database.id = "database"; database.style.behavior = "url(#default#userData)"; document.body.appendChild(database); database.load("DataStore"); return { setItem: function(key, val) { database.setAttribute(key, val); database.save("DataStore"); } , getItem: function(key) { return database.getAttribute(key); } , removeItem: function(key) { database.removeAttribute(key); database.save("DataStore"); } }; } (localStorage || {}));
不过就算兼容了 还是会有问题存在,例如在IE上存储的信息,通过Chrome打开时就获取不到了。
相关文章推荐
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Java实现数据库数据导出到Excel中并下载到浏览器本地
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- HTML 5 中WebStorage实现数据本地存储
- 消除javaScript Cookies的安全隐患,实现用户相关数据本地存储
- iOS开发 实现本地数据存储的几种方式一
- angularjs ionic框架实现 Localstorage本地存储,页面刷新数据仍在
- js中实现数据的本地存储和调用
- VUE+WebPack精美游戏设计:实现像微信红包打开时钱币转动的动画精灵和页面数据的本地存储
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- 搞了一天,用SharedPreference 实现网络请求的JSON数据的本地存储
- [分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技
- IOS 本地数据存储小结