返回
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc

网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc

ID：56255855

大小：76.50 KB

页数：4页

时间：2020-06-04

网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc_第1页
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc_第2页
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc_第3页
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc_第4页
资源描述：

《网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源KC11120100014设计文档.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》课程综合案例——案例05JavaScript在线测试系统设计5.1案例介绍本实例需要完成在线测试答题，选择完成后点击“交答卷”进入出评分和正确答案页面。任务实现的结果如图5-1所示：图5-1在线测试答题页面本实例从两个方面进行设计，设计步骤分别如下：第一步：使用HTML标签构建form表单提供页面元素；第二步：编写JavaScript脚本，实现提交答卷后给出评分和标准答案。5.2实例过程5.2.1使用HTML标签构建form表单提供页面元素本任务的HTML页面结构中表单的核心代码如下：

1．腰椎间盘突出的最常见症状是()。

2、
A.腰僵硬
B.腰椎活动受限
C.大小便失禁
D.腰痛伴腿痛

2．腰椎间盘突出症体征错误的是()。
A.腰椎侧突具有辅助诊

3、断价值
B.几乎全部患者有不同程度的腰部活动受限
C.大多数患者在病变间隙的棘突间有压痛
D.直腿抬高试验及加强试验多为阴性

运行代码，页面浏

4、览效果如图5-1所示。5.2.2编写JavaScript脚本实现提交答卷后给出评分和标准答案的javascript代码如下：varTotal_test=2;//修改这里与题目数量一致。varmsg=""//正确答案。varSolution=newArray(Total_test)Solution[0]="D.腰痛伴腿痛";Solution[1]="D.直腿抬高试验及加强试验多为阴性";functionGetSelectedButton(ButtonGroup){for(varx=0;x

5、tonGroup.length;x++)if(ButtonGroup[x].checked)returnx;return0;}functionReportScore(correct){varSecWin=window.open("","scorewin","scrollbars,width=300,height=220");varMustHave1="测验成绩报告";vartotalgrade=Math.round(correct/Total_test*100);varPercent

6、="

测验成绩:"+totalgrade+"分

";lastscore=Math.round(correct/Total_test*100);if(lastscore=="100"){msg=MustHave1+Percent+"恭喜，全部答对了！

"+msg+""}else{msg=MustHave1+Percent+"

7、ontcolor='red'>正确答案：

"+msg+"";}SecWin.document.write(msg);msg="";//清空msg}functionGrade(){varcorrect=0;varwrong=0;for(number=0;number

8、ari=GetSelectedButton(form.q1)if(form.q1[i].value=="1"

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。