随机点名程序(此程序在IE7中通过测试)

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>js中的Math对象</title>

<script type="text/javascript">

var users=new Array;

var flag=false;

function choiceUser()

{

      

       var arr=["蔺武鹏","窦伟涛","张杰","汪军","徐鹏","王维","曹海矫","原帅"];

       var index=Math.floor(Math.random()*8);

       users.push(arr[index]);

       var str="<center>";

       str=str+"<table border=\"1\" width='600' height='360' style='border-collapse:collapse' bordercolor='#006699'>";

       str=str+"<tr bgcolor='#006699'><td align='center' colspan='3'>中培点名</td></tr>";

                            str=str+"<tr><td width='50'>序号</td><td width='200'>姓名</td><td>备注</td></tr>";

       //通过循环把学生姓名显示在表中

       for(var i=1;i<=arr.length;i++)

       {

                     flag=false;

                     str=str+"<tr>";

                     for(var k=0;k<users.length;k++)

                     {

                            if(arr[i-1]==users[k])

                            {

                                   flag=true;

                                  

                                   break;

                            }

                     }

                     if(flag)

                     {

                            str=str+"<td width='50'>"+i+"</td><td width='200'><font color='red'>"+arr[i-1]+"</font></td><td>已点名</td>";   

                     }

                     else

                     {

                            str=str+"<td width='50'>"+i+"</td><td width='200'>"+arr[i-1]+"</td><td>未点名</td>";

                     }

                     str=str+"</tr>";

       }

       str=str+"</table>";

       str=str+"</center>";

       div1.innerHTML=str;

}

</script>

</head>

 

<body>

<div onclick="choiceUser()">

开始点名

</div>

<div id="div1">

</div>

</body>

</html>
posted @ 2009-11-30 20:59  坐看风起  阅读(697)  评论(0编辑  收藏  举报