JS教程:线小测试程序

<script language=JavaScript>

function cmdStartQuiz_onclick()

{

var cboNoQuestions = document.frmQuiz.cboNoQuestions;

var noQuestions =

cboNoQuestions.options[cboNoQuestions.selectedIndex].value;

var cboTimeLimit = document.frmQuiz.cboTimeLimit;

var timeLimit = cboTimeLimit.options[cboTimeLimit.selectedIndex].value;

window.top.fraTopFrame.fraGlobalFunctions.resetQuiz(noQuestions,

timeLimit);

window.location.href = "AskQuestion.htm";

}

</script>

cmdStartQuiz_onclick()函数被连接到了cmdStartQuiz按钮的onclick事件处理器，以便用户启动在线小测试程序。在上一版本的在线小测试程序中，仅仅调用了位于全局模块中的resetQuiz()函数，并加载AskQuestion.htm页面。现在，我们需要获取用户在下拉列表框中选中的问题数量和时间限制。后面我们还将看到，resetQuiz()函数也做出了相应的修改，以便接收两个参数—— 用户选择的问题数量和时间限制。

在cmdStartQuiz_onclick()函数中，定义了变量cboNoQuestions以引用表单中的cboNoQuestions下拉列表框，cboNoQuestions控件就是供用户选择回答多少个问题的下拉列表框。使用变量cboNoQuestions可以避免对document对象和表单对象的冗长引用，使得代码保持简洁易读。

在cmdStartQuiz_onclick()函数的第二行代码中，获取了cboNoQuestions下拉列表框中所选中的值，即用户选择要回答多少个问题，并将该值保存在变量noQuestions中。

随后的两行代码完成了类似的功能，用变量cboTimeLimit来引用表单中的cboTimeLimit下拉列表框，然后获取了cboTimeLimit下拉列表框中所选中的值，即用户所选择的回答问题的时间限制，并将该值保存在变量timeLimit中。

在接下来的那行代码中，复位了小测试程序，并将两个参数noQuestions和timeLimit传递给window.top.fraTopFrame.fraGlobalFunctions.resetQuiz()方法。其中，参数noQuestions表示问题数量，参数timeLimit表示时间限制。

这样就完成了对QuizPage.htm页面的修改。将该页面进行保存后，即可关闭文本编辑器。

现在，我们将注意力转移到GlobalFunctions.htm页面，首先来看一下需要修改的resetQuiz()函数，相应代码如下所示：

function resetQuiz(numberOfQuestions, SelectedTimeLimit)

{

timeLeft = SelectedTimeLimit;

totalQuestionsToAsk = numberOfQuestions;

var indexCounter;

curren

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!