发表于: 2021-03-21 19:00:51
1 2023
今天完成的事情:完成了任务四的第一个页面的JS部分
明天计划的事情:完成任务四
收获:
如何进入杀人页面,回到法官页面的时候保留刚才的进度?
首先点击进入杀人页面
$(".kill").click(function () {
x.push(0);
sessionStorage.setItem("step", x);
window.location.href = "kill.html";
});
向空数组x中push一个数字0,并把它本地存储起来,然后通过window.location跳转到下一个页面
接着从杀人页面回来时
if (sessionStorage.getItem("step") != null) {
var a = sessionStorage.getItem("step");
var x = a.split(",");
$(".Dspeak").attr("disabled", false);
}
else {
var x = [];
}
先检测是否存储了step,如果有,就提取出x数组,如果没有,就创建一个空数组x,空数组x也是上一步push用到的
for (var i = 0; i < x.length; i++) {
$(".step").eq(i).css("background-color", "#92b7a5");
$(".step").eq(i).addClass("step-chance")
$(".step").eq(i).attr("disabled", true);
}
然后使用for循环给按钮更改颜色,点击杀人按钮push了一个0,长度为1,所以1个按钮改变颜色
如果按下个按钮,再push一个0,长度为2,所以两个按钮改变颜色
评论