发表于: 2017-06-13 22:29:34
1 1236
今天完成的事情:
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的学习
遇到的问题:暂无
收获:对于算法的敬畏之心,有些代码经过精心的设计就能完成比较繁复的工作,很神奇,不过也很费脑子
评论