文档章节

localStorage使用总结

乐_然
 乐_然
发布于 2017/08/02 16:51
字数 199
阅读 11
收藏 0

说明:
html5中的特性

cookie中,每条cookie的储存空间为4K,而localStorage一般浏览器支持的是5M(不同浏览器中支持不同)

localStorage的值类型限定为string类型,要存储对象,可以转换成JSON字符串

//判断浏览器是否支持localStorage

if(!window.localStorage){ alert("浏览器不支持localstorage"); }

Javascript对localstorage和json的操作:

var storage=window.localStorage; 
var data={ name:'xiecanyong', sex:'man', hobby:'program' };

//将对象变成JSON字符串 
var d=JSON.stringify(data);

//localStorage保存 
storage.setItem("data",d);

//localStorage读取 
var json=storage.getItem("data");

//将JSON字符串转换成为JSON对象输出 
var jsonObj=JSON.parse(json); 
console.log(typeof jsonObj);

//键值的遍历
for(var i=0;i<storage.length;i++){ 
    var key=storage.key(i); 
    console.log(key); 
}

//localStorage删除
storage.removeItem("a");


//localStorage删除全部
storage.clear();


//判断是否存在某键值
console.log(storage.getItem('d')==null)

 

© 著作权归作者所有

乐_然
粉丝 12
博文 149
码字总数 35563
作品 0
南京
私信 提问
Session, LocalStorage ,Cache-Control

Session 为什么要使用Session? Session的使用? 总结Cookie与Session: Cookie Session LocalStorage localStorage是html5提供的一个API,localStorage的实质是一个哈希 Session是服务器的哈...

code_susu
2018/07/31
0
0
分享最好的HTML5编码教程和参考手册

原文:queness.com 编译:GBin1.com 今天我们介绍相关HTML5的参考手册,演讲稿,电子书和教程。 HTML5是新兴的web技术,虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5,特别是当我...

gbin1
2011/10/21
1K
3
【推荐】【分享】beyond the web

副标题: Web之外的html5世界 报名地址:http://www.headin.cn/Themes/Activity/Details/?activityId=51418382869d080bf0bc5be7 课程背景: Hybrid技术 和 HTML5游戏开发 一直是HTML5领域比较...

开源力量
2013/04/08
89
0
Flash与HTML5性能比较

近日,一项评测向人们证明了:HTML5 在性能上仍远远落后于Flashplayer。测试使用了Droid X, Nexus One, Desire HD, Atrix, PlayBook, Galaxy Tab, Xoom 等设备,分别测试了位图,矢量图,数值...

小卒过河
2011/06/15
6.2K
12
HTML5与Flash在移动设备上的性能比较

GUIMark3评测向人们证明了:HTML5在性能上仍远远落后于Flash Player。测试使用了Droid X, Nexus One, Desire HD, Atrix, PlayBook, Galaxy Tab, Xoom 等设备,分别测试了位图,矢量图,数值运...

小卒过河
2011/07/04
1K
12

没有更多内容

加载失败,请刷新页面

加载更多

【AI实战】手把手教你深度学习文字识别(文字检测篇:基于MSER, CTPN, SegLink, EAST等方法)

文字检测是文字识别过程中的一个非常重要的环节,文字检测的主要目标是将图片中的文字区域位置检测出来,以便于进行后面的文字识别,只有找到了文本所在区域,才能对其内容进行识别。 文字检...

雪饼
今天
15
0
思维导图XMind 8 Pro 绿化方法(附序列号)

按部就班: Step 1 -全新下载最新版本的 Xmind 8(注必须是英文官方的版本,中文代{过}{滤}理网站的版本修改过,无法使用pj); Step 2 -安装完毕后,点击文末的下载按钮下载pj补丁文件包,将...

一只小青蛙
今天
10
0
数据结构(ER数据库)设计规范

表命名规范 表命名的规则分为3个层级,层级之间通过_分割,例如b_r_identity、d_l_identity。规约为: [leavel]_[type]_[name] [leavel] 表示数据库表的层级和功能,分为: s:业务无关的系统...

随风溜达的向日葵
今天
10
0
阿里Sentinel控制台源码修改-对接Apollo规则持久化

https://github.com/alibaba/Sentinel/wiki/%E5%9C%A8%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83%E4%B8%AD%E4%BD%BF%E7%94%A8-Sentinel 动态规则扩展 https://github.com/alibaba/Sentinel/wiki......

jxlgzwh
昨天
14
0
在Linux系统中创建SSH服务器别名

如果你经常通过 SSH 访问许多不同的远程系统,这个技巧将为你节省一些时间。你可以通过 SSH 为频繁访问的系统创建 SSH 别名,这样你就不必记住所有不同的用户名、主机名、SSH 端口号和 IP 地...

老孟的Linux私房菜
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部