发表于: 2021-04-19 19:55:16
1 1930
今天完成的事情:
1、完成了任务二和任务三
2、提交了js任务二,任务三
明天计划的事情:
1、先写js任务4的伪代码
2、编写js任务4页面代码
3、了解功能并加上功能
收获:
js任务三的思路:
1、首先接麦你中的盒子的个数是需要上个网页中传递的人数来决定的,所以不能写死
2、取出上一个页面传递过来的json字符串,并解析
3、用一个变量来接收要添加的html结构
4、用jquery将其append方法添加到html里
用js和jquery对html进行渲染
//读取session storage里传递的参数
var SS = JSON.parse(sessionStorage.getItem("key"))
console.log(SS);
for(var i=0; i<SS.length;i++){
var num = i+1;
//var个变量存储写进文档的标签代码,记住要转义字符
var inBox = '<div class=\"mainBox\">\n'+
'<div class=\"career\">\n'+ SS[i] +
'</div>\n'+
'<div class=\"number\">\n'+ num + "号" +
'</div>\n'+
'</div>\n'+
'</div>';
//通过append将盒子一个一个的往文档里面装
$('.main').append(inBox);
}
评论