考试测评

时间:2007-05-18 来源:IT在中国 编辑:IT在中国 作者:IT在中国 [ ]
   else if语句适合处理对一个变量的很多可能值进行逻辑判断的情况。

          else if语句适合处理对一个变量的很多可能值进行逻辑判断的情况。在现实生活中,学生的考试成绩都分等级,90分到100分为优秀等等,下面我们制作一个考试测评页面,用从表单中获取的用户填写的成绩,同时在另一个表单中显示用户的成绩分类。
         操作步骤:
        (1)在FrontPage 2003中,执行【文件】|【新建】命令,在右侧出现【新建】任务窗格,在【新建网页】项中选择【空白网页】,并保存为“考试测评.htm”文档。
        (2)在空白文档中单击鼠标右键弹出快捷菜单,在其中选择【网页属性】项,弹出【网页属性】对话框,单击【格式】选项卡,切换到【格式】子面板,在【背景】项中选中【背景图片】前的复选框,单击【浏览】按钮从本书配套光盘中/FrontPage/第9章/sc/0014.jpg添加背景图片。
         (3)将光标置于文档中,执行【插入】|【表单】|【表单】命令,即在页面中添加一表单,表单【名称】为form1,然后再执行【插入】|【表单】|【文本框】命令,在表单中添加一个文本框,文本框【名称】为t1。

   (4)执行【表格】|【插入】|【表格】命令,弹出【插入表格】对话框,设置参数。设置好后单击【确定】按钮,并在表格中输入文字。

         (5)按步骤(3)的操作方法,再在页面中添加一个表单,用来接收数据,表单【名称】为form2,文本框【名称】为t2。并添加一个“测评”按钮。
          (6)页面元素添加完毕,把程序清单9-1中的代码添加到<head>…</head>之间。
         程序清单9-1:
                     <script language=javascript>
                    <!--
                    function sorce(){
                   var sorce1="不及格";
                   var sorce2="及格";
                   var sorce3="良好";
                  var sorce4="好";
                  var sorce5="优秀";
                  var txt1="你填写的成绩为:";
                  var txt2="分,你属于:";
                 var sorcex=parseInt(document.form1.t1.value);
                 if(sorcex>=0&&sorcex<=59)
                document.form2.t2.value=txt1+sorcex+txt2+sorce1;
                else if(sorcex<=69)
                document.form2.t2.value=txt1+sorcex+txt2+sorce2;
                else if(sorcex<=79)
                document.form2.t2.value=txt1+sorcex+txt2+sorce3;
               else if(sorcex<=89)
               document.form2.t2.value=txt1+sorcex+txt2+sorce4;
               else if(sorcex<=100)
               document.form2.t2.value=txt1+sorcex+txt2+sorce5;
              else if(sorcex<0||sorcex>100)
               alert("填写错误!")
                    }
                     //-->
                    </script>
            (7)添加完毕,保存文档,单击【浏览】选项卡,在“请输入你的成绩”后的文本框中输入90,然后单击【测评】按钮,效果显示。



访问() 相关评论() 打印资源 返回顶部 加入收藏

最新评论