浏览器上实现数据的本地存储・小结

在客户端存储数据时，我们一般都用cookie(不敏感数据)，但是在客户端越来越富的今天，cookie可存储的量(每个域最大4k)实在是小。
在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打开时就获取不到了。

转载于:https://www.cnblogs.com/TiestoRay/archive/2012/11/27/2790565.html

浏览器上实现数据的本地存储・小结相关推荐

如何将常用的软件上传到ESXi本地存储中管理
一.如何将常用的软件上传到ESXi本地存储中管理在使用虚拟机时,我们可能需要多个软件.比如部署操作系统需要CentOS或者Windows的镜像,再基于操作系统安装数据库可能有需要SQLServer. ...
json数据和本地存储
json数据和本地存储文章目录 json数据和本地存储 json数据什么是JSON 为什么使用JSON 语法规则转换深拷贝本地存储特性 window.sessionStorage wind ...
IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
IE浏览器上传文件时本地路径变成"C:\fakepath\"的问题博客分类: javascript HTML 在使用<input id="file_upl&quo ...
【Vue 快速入门系列】Vue数据实现本地存储、自定义事件绑定、全局事件总线、$nextTick的使用
文章目录一.本地存储 1.概念 2.接口 3.实际操作二.自定义事件绑定 1.自定义事件使用过程 2.绑定自定义事件的语法 3.其他注意事项三.全局事件总线 1.全局事件总线概念 2.全局事件总 ...
即构服务端录制SDK上线，音视频数据实现本地存储录制回放
日常生活中,我们可能会有这些需求: 看到有趣的直播内容,会想能不能保存下来再次回看: 报名了线上的课程,家长想了解孩子的学习状态,希望能看到在线学习的过程: 金融行业,管理人员需要定期调取视频客服的服 ...
localStorage.getItem 往浏览器里面储存数据到本地localStorage
借鉴https://blog.csdn.net/aaa333qwe/article/details/79025336 往浏览器里面储存数据 localStorage.setItem('todos', ...
unity3D数据的本地存储（xml的方式）
数据本地的存储第一种方式:unity自带的存储方式 PlayerPrefs.SetInt("num",num); //setFloat setString PlayerPrefs ...
html输入框传给服务器,如何将浏览器上的数据，提交到服务器？
今天是刘小爱自学Java的第77天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 一.form表单 form,表格.表单的意思,我一开始把它和from搞混了. 还在想from不是从--开始的意 ...
[PHP]利用XAMPP搭建本地服务器, 然后利用iOS客户端上传数据到本地服务器中(四. iOS端代码实现)...
一.安装XAMPP http://www.cnblogs.com/lidongxu/p/5256330.html 二. 配置MySql http://www.cnblogs.com/lidong ...

浏览器上实现数据的本地存储・小结

浏览器上实现数据的本地存储・小结相关推荐

最新文章

热门文章