关于JS的问题(设计二维数组)

JavaScript025

关于JS的问题(设计二维数组),第1张

<script type="text/javascript">

//你的代码

var myarr = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],

['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],

['小I','女',20,'大一'],['小J','男',20,'大三']]

var firarry = new Array()

for(var i=0i<10++i){ //这句不对,i=0,++1,那么下面这行的i就是1了

if(myarr[i][3]=='大一'){

firarry = myarr[i]

//document.write(firarry)//这行输出大一的,没有用

}

}

for(var j=0j<4++j){//因为上面的被覆盖了,所以这是最后一个大一的,再遍历也只有一个人,

// 而且控制条件写的不对,怎么可以小于4呢,里面只有一个人呀!

if(firarry[j][1]=='女')

document.write(firarry[j][0])

}

/* 这里附上我写的一个运行成功的代码

var myarr=[['小A','女',21,'大一'],['小B','男',22,'大三'],['小c','男',15,'女'],['小D','女',14,'大一']]

for(var i=0i<myarr.lengthi++){

if(myarr[i][3]=='大一'&&myarr[i][1]=='女'){

document.write(myarr[i])

}

}

*/

</script>

<script type="text/javascript">

function Student(id,name,grades){

this.id=id

this.name=name

this.grades=grades

}

Student.prototype.average=function(){

var sum=eval(this.grades.join("+"))

return sum/this.grades.length

}

//测试

var xiaoming=new Student("00001","Xiaoming",[80,85,90])

alert("小明的平均成绩是"+xiaoming.average())

</script>

这是一道极高含量的题。首先div+css要好,控制来回变动。其次,有很多JS效果,关键有图片,有动态数据。约莫没1个小时搞不定。暂且给个思路:

1.2个button,对应两个函数a,b

2.一个div,背景深棕色,

3.数据动态展示,点击a,在div中循环数据,并为每一个tr绑定一个onmouse函数,用户显示照片和将tr着色

4.点击b按钮时,先清空div数据,然后循环第二组数据,并获得刚才的tr的中的名称,在这组数据上检索,并着色。

简而言之:先建立一个html,里面2个button,1个div元素。剩下的就是js和css了。

a(){获取div,将数据循环到div中,绑定td的onmouse函数},b(name){获取div,清空数据。展现数据,将name一行进行标红} 绑定函数c(name{}显示照片)