发表于: 2017-05-11 23:07:19

1 965


今天完成的事情

任务3完成了一半;

学习了传参的几种方式;

学习了JSON数据转换

高程看过的内容进行复习



收获

页面2的思路是设置一个变量,然后每次点击后变量+1,然后根据不同的条件实现各个部分页面数据的改变,本质上仍然是一个页面;


HTML5 Storage存储基于键值对存储。被储存的数据有一个名字作为键,即下面所提到的key和value,然后用这个键读取数据。这个键是一个字符串,数据可以是任何数据类型,但通常将数据作为字符串进行存储。

HTML中的web storage包括两种储存方式:sessionStoragelocalStorage

其中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

看书



返回列表 返回列表
评论

    分享到