今天完成的事情：

法官日志页面基本完成，功能基本实现；任务做到这里css有些东西都有些淡忘啦，这么简单的页面写了一小天，

js部分还好把html插入就好；

var s= JSON.parse(localStorage.zong);
// var ss=s.length;
// console.log(ss);
console.log(s);
var play='';
for(i=0; i < s.length; i++){
play+="<div class='main'>"+"<div class='main-1'>"+
    "<div class='kong'>1</div>"+"</div>"+
        " <div class='main-1-1'>"+ s[i].role+"</div>"+
        " <div class='main-2'>"+(i+1)+"号"+
        "</div>"+
    "</div>";
console.log(play);
    $('.aaa').eq(0).html(play);
}

需要注意的是div要用引号包起来，div与div之间用+号连接。但是编辑大型HTML文件时使用template.load单独

写html，不然向我这样写太乱了代码回很难维护，目前还不会用这种方法，先用最基本的方法吧效果实现了再

说，然后慢慢优化。

明天计划做的事情：学习有限状态机，继续下一页面。

遇到的问题：<div class='main-1-1'>"+ s[i].role+"</div>"写成了<div class='main-1-1'>"+ ss[i].role+"

</div>"是因为// var ss=s.length;获取的是对象的长度，而var s= JSON.parse(localStorage.zong);中s就是传过来

的数据，role则是角色；所以 ss[i].role是错误的，ss[i]返回的则是undefined值，也是错误的。

收获：复习一下css一些知识；js中插入html。