0顶

给出试题，完成后跳窗显示成绩和答案

稿源：互联网 2022-06-02 09:23:38 点击： 348 撤稿纠错

回答完问题后，提交给出答案，阿里西西网页特效收集。

以下讨论的是和js 显示相关的给出试题，完成后跳窗显示成绩和答案教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

var Total_Question = 4        // 修改这里与题目数量一致

var msg = ""

// 正确答案

var Solution = new Array(Total_Question)

Solution[0] = "TCP/IP"

Solution[1] = "集线器"

Solution[2] = "SUN"

Solution[3] = "Microsoft"

function GetSelectedButton(ButtonGroup)

{

for (var x=0; x < ButtonGroup.length; x++)

if (ButtonGroup[x].checked) return x

return 0

}

function ReportScore(correct)

{

var SecWin =

window.open("","scorewin","scrollbars,width=300,height=220")

var MustHave1 = "<HTML><HEAD><TITLE>测验成绩报告</TITLE></HEAD><BODY>"

var Percent = "<H2>测验成绩 : "+Math.round(correct/Total_Question*100)

+ "</H2><HR>"

lastscore=Math.round(correct/Total_Question*100)

if (lastscore == "100"){

msg = MustHave1 +Percent + "<font color='red'>恭喜，全部答对了！</font><p>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"}

else {

msg = MustHave1 +Percent + "<font color='red'>正确答案：</font><p>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"

}

SecWin.document.write(msg)

msg = ""  //清空msg

}

function Grade()

{

var correct = 0

var wrong = 0

for (number=0; number < Total_Question; number++)

{

var form = document.forms[number]      // Question #

var i = GetSelectedButton(form.q1)

if (form.q1[i].value == "1")

{ correct++ }

else

{ wrong++

msg += "Question "+(number+1)+"."

+Solution[number]+"<BR>"

}

ReportScore(correct)

}

</script>

第二步：把如下代码加入到<body>区域中

<tr>

<td>

<form>

三个非常简单的问题：<p>

(1)Internet上使用的网络协议是：__________

<br>

<input type="radio" name="q1" value="0" checked>X.25

<input type="radio" name="q1" value="1">TCP/IP

<input type="radio" name="q1" value="0">NetBEUI

<form>

(2)HUB是指：__________

<br>

<input type="radio" name="q1" value="0" checked>网桥

<input type="radio" name="q1" value="1">集线器

<input type="radio" name="q1" value="0">网关

<input type="radio" name="q1" value="0">路由器

<form>

(3)JAVA是哪个公司的产品：__________

<br>

<input type="radio" name="q1" value="0" checked>Novell

<input type="radio" name="q1" value="0">Microsoft

<input type="radio" name="q1" value="1">SUN

<form>

(4)IIS(Internet Information Server)是哪个公司的产品：__________

<br>

<input type="radio" name="q1" value="0" checked>Novell

<input type="radio" name="q1" value="1">Microsoft

<input type="radio" name="q1" value="0">Netscape

<form>

<input type="button" name="Submit" value="看看成绩"

onClick="Grade()" class="pt9">

</div>

</form>

</td>

</tr>

</table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于给出试题，完成后跳窗显示成绩和答案的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807163356.shtml方便下次再访问哦。

·上一篇： 查找是星期几
·下一篇： 一边答题一边就能给出你的成绩

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

给出试题，完成后跳窗显示成绩和答案

文章分类LIST >>返回首页

最新游戏

最新新闻