发表于: 2017-05-11 23:07:19
1 965
任务3完成了一半;
学习了传参的几种方式;
学习了JSON数据转换
高程看过的内容进行复习
收获
页面2的思路是设置一个变量,然后每次点击后变量+1,然后根据不同的条件实现各个部分页面数据的改变,本质上仍然是一个页面;
HTML5 Storage存储基于键值对存储。被储存的数据有一个名字作为键,即下面所提到的key和value,然后用这个键读取数据。这个键是一个字符串,数据可以是任何数据类型,但通常将数据作为字符串进行存储。
HTML中的web storage包括两种储存方式:sessionStorage和localStorage
其中sessionStorage用于本地存储一个会话中的数据,这些数据只有在同一个会话页面才能访问并且会话结束后销毁。localStorage用于持久化的本地储存;
选择了sessionStorage作为页面传参的方式;
代码示例
sessionStorage.setItem(“key” ,”value” )用于将value存储到key字段;
var value = sessionStorage.getItem("key") 用于获取key字段存储的值
key这里用一个字符串命名,后面的value代表想要存储的数据,要注意value必须是字符串类型,所以对于非字符串类型这里要用到JSON数据转换:
JSON通常用于服务端交换数据,我们可以使用JSON.stringify()的方式将对象解析为字符串,然后在其他页面需要还原时候用JSON.parse()的方式进行还原;
传递页面:
接收页面:
设置了input button value属性显示的文本,获取节点后要通过设置value改变文本而不是innerHTML;
遇到的问题
查看身份这里调了好几次才有了正确的思路,感觉做任务4要爆炸
明天计划的事情
完成任务3
看书
评论