HTML5 LocalStorage 本地存储
2016-04-25 17:45
459 查看
说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示:
![](http://pic002.cnblogs.com/images/2011/219983/2011052411382518.jpg)
最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。
userData是IE的东西,垃圾。现在用的最多的是Flash吧,空间是Cookie的25倍,基本够用。再之后Google推出了Gears,虽然没有限制,但不爽的地方就是要装额外的插件(没具体研究过)。到了HTML5把这些都统一了,官方建议是每个网站5MB,非常大了,就存些字符串,足够了。比较诡异的是居然所有支持的浏览器目前都采用的5MB,尽管有一些浏览器可以让用户设置,但对于网页制作者来说,目前的形势就5MB来考虑是比较妥当的。
![](http://pic002.cnblogs.com/images/2011/219983/2011052411384081.jpg)
localStorage.clear();
var pri=model.pri;
localStorage.setItem(“pri”,pri);
var project=model.project;
localStorage.setItem(“project”,project.id);
var status=model.status;
localStorage.setItem(“status”,status);
var con=model.content;
localStorage.setItem(“content”,con);
var lastTime=model.deadline;
localStorage.setItem(“deadline”,lastTime);
![](http://pic002.cnblogs.com/images/2011/219983/2011052411382518.jpg)
最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。
userData是IE的东西,垃圾。现在用的最多的是Flash吧,空间是Cookie的25倍,基本够用。再之后Google推出了Gears,虽然没有限制,但不爽的地方就是要装额外的插件(没具体研究过)。到了HTML5把这些都统一了,官方建议是每个网站5MB,非常大了,就存些字符串,足够了。比较诡异的是居然所有支持的浏览器目前都采用的5MB,尽管有一些浏览器可以让用户设置,但对于网页制作者来说,目前的形势就5MB来考虑是比较妥当的。
![](http://pic002.cnblogs.com/images/2011/219983/2011052411384081.jpg)
localStorage.clear();
var pri=model.pri;
localStorage.setItem(“pri”,pri);
var project=model.project;
localStorage.setItem(“project”,project.id);
var status=model.status;
localStorage.setItem(“status”,status);
var con=model.content;
localStorage.setItem(“content”,con);
var lastTime=model.deadline;
localStorage.setItem(“deadline”,lastTime);
相关文章推荐
- h5第一章第四节
- h5第三章
- required - HTML5里的input标签的required属性提示文字修改
- Html5
- iis配置站点,页面中的video 视频标签加载的视频无法播放或者无法加载的解决方法
- Html5中localStorage,sessionStorage用法
- H5——图片映射,取坐标点的在线工具
- html5/css编码规范摘录
- H5 页面适配所有 iPhone 和安卓机型的六个技巧
- html5 File API实现带有进度提示的文件上传
- HTML5的datalist元素
- HTML5的embed元素
- HTML5的command元素
- html5中的列表标签
- HTML5的progress元素
- HTML5的mark元素
- html5中的新标签
- 第 1 章 HTML5 概述
- Native与H5交互的那些事
- HTML5