发表于: 2017-06-13 22:29:34

1 1238


今天完成的事情:

1.今天基本上把task3的剩下JS部分写完了,将上个页面的all数组数据导入到了task3页面,中间还是有一些曲折,

all=JSON.stringify(all);
sessionStorage.setItem("play",all);

上面这是task2的存储all数组的代码,因为sessionStorage.setItem( )只能存储字符串类型,但是all是对象,所以先要用JSON.stringify()方法将对象转化为字符串;

var num=document.getElementById("num");
//获取上个页面all数组的值
var all=sessionStorage.getItem("play");
all=JSON.parse(all);

上面是task3的读取代码,读取后还需要用JSON.parse()将字符串还原成数组;当然,我还犯了一个愚蠢的错误,像上面这样写了之后还是没有读取成功,后来检查发现是没有将两个页面联系起来,

else {
window.location.href = "task3-1.html";
}

之前这儿的跳转页面设置为#,是个空跳转,后来改了后就好了

2.后面的传递身份页面就利用奇偶来实现循环的隐藏和显示,但是还没有写完整

function btn(){

if(btnNum%2==0) {
$(".main-show").hide();
$(".main-hide").show();
$(".player-role").text("角色:"+all[btnNum-2]);

}
else{
$(".main-hide").hide();
$(".main-show").show();
num.innerHTML=roleNum;
$("button").text("查看"+roleNum+"号身份");
if(roleNum<all.length){
roleNum++;}

明天的计划:完成task3,继续task4的学习

遇到的问题:暂无

收获:对于算法的敬畏之心,有些代码经过精心的设计就能完成比较繁复的工作,很神奇,不过也很费脑子


返回列表 返回列表
评论

    分享到