发表于： 2017-07-23 23:28:42
1 649
今天完成的事情：
今天继续完成了流程图页面的JS代码的一部分，目前正在解决的问题是关于通过不同页面加载回到流程图页面生成不同的页面效果。今天专门去查找了关于getelemt的用法和JSON的对象，以下是我查找到的资料：
HTML5中提供了localStorage对象可以将数据长期保存在客户端，直到人为清除。
localStorage提供了几个方法:
1、存储：localStorage.setItem(key,value)
如果key存在时，更新value
2、获取：localStorage.getItem(key)
如果key不存在返回null
3、删除：localStorage.removeItem(key)
一旦删除，key对应的数据将会全部删除
4、全部清除：localStorage.clear()
某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据
5、遍历localStorage存储的key
.length 数据总量，例：localStorage.length
.key(index) 获取key，例：var key=localStorage.key(index);
6、存储JSON格式数据
JSON.stringify(data) 将一个对象转换成JSON格式的数据串,返回转换后的串
JSON.parse(data) 将数据解析成对象，返回解析后的对象
备注：localStorage存数的数据是不能跨浏览器共用的，一个浏览器只能读取各自浏览器的数据,储存空间5M。
- //以上即为localStorage调用的方法。下面介绍存储JSON对象的方法。
- var students =
- {
- liyang:{name:"liyang",age:17},
- lilei:{name:"lilei",age:18}
- }//要存储的JSON对象
- students = JSON.stringify(students);//将JSON对象转化成字符串
- localStorage.setItem("students",students);//用localStorage保存转化好的的字符串
- //上面即可保存JSON对象，接下来我们在要使用的时候再将存储好的students变量取回
- var students = localStorage.getItem("students");//取回students变量
- students = JSON.parse(students);//把字符串转换成JSON对象
- //以上即可得到存储的students的JSON对象了
明天计划的事情：
继续完成任务四的内容
遇到的问题：
之前提到的逻辑编写问题
收获：
如上
返回列表
评论