（中职）JavaScript项目式实例教程项目三电子课件工信版

（中职）JavaScript项目式实例教程项目三电子课件工信版 项目三 统计成绩单 —— 循环结构  JavaScript项目式实例教程 设计一个程序，要求能不断弹出输入成绩对话框。在输入成绩时，检测输入数据的合法性，如果输入的不是数字或输入内容为空，给出错误信息，继续弹出成绩对话框输入成绩，只到用户输入一个截止符号"!"为止。最后在页面上打印所有输入的有效成绩，打印的格式为每行4个。统计所有成绩的平均分、最高分、最低分并打印输出。最后输出一个链接“是否有不及格”。用户点击该链接，如果成绩中有不及格的，则弹出对话框提示没有不及格成绩。若有不及格成绩，则弹出对话框提示有不及格成绩。 项目情境  JavaScript项目式实例教程 初步了解数组的概念和使用方法。 初步了解对象的概念。 熟悉Math数学对象的应用。 熟悉循环结构的使用方法。 熟悉变量的作用域 学习目标  JavaScript项目式实例教程 分别计算并打印输出1+2+3+...+100和1×2 ×3×... ×100的值。 任务1 累加和累乘  JavaScript项目式实例教程 1、循环结构 1.1、while语句 while(<逻辑表达式>) <语句块> 1.2、do...while语句 do <语句块> while(<逻辑表达式>); 2、死循环 【相关知识】  JavaScript项目式实例教程 在<head>标签内部输入以下代码： <script type="text/javascript"> var sum=0; //总和sum var f=1; //总乘积f var i=1; //计数i while(i<=100) { sum=sum+i; f=f*i; i++; } document.write("1+2+3+...+100="+sum+"<br/>1×2 ×3×... ×100="+f); </script> 【任务实现】  JavaScript项目式实例教程 随机的给出10个0到100之间（包含0和100）的整数，统计这10个数中的最大值和最小值。 任务2 最大和最小值  JavaScript项目式实例教程 1、数组 1.1、数组的概念 数组是一些数据元素（element）的集合，每个数据元素在数组中都有一个编号，通过编号可以引用这些数据元素。这些数据元素可以是不同的数据类型，例如数字型、字符串型、布尔型等，设置还可以是一个数组。 每个数组都有一个名称，其命名规则和变量的命名规则相同。 【相关知识】  JavaScript项目式实例教程 1.2、数组的定义 1.2.1、使用构造函数 方式有三种，分别是： new Array() new Array(<数组元素的个数>) new Array(<数组元素1的值>[,数组元素2的值]...) 1.2.2、直接定义 方式有两种，一种是用一对空的中括号定义一个空数组，然后再为数组元素赋值。另一种方式是在一对中括号中，放入数组元素值，并用逗号隔开。 【相关知识】  JavaScript项目式实例教程 2、对象 2.1、对象的概念 对象有三要素：属性、方法和事件。 2.2、使用属性和方法 引用或修改对象的属性： 对象.对象的属性 调用对象的方法： 对象.对象的方法名([参数列表]) 【相关知识】  JavaScript项目式实例教程 2.3、Math对象 【相关知识】 属性 描述 E 返回算术常量 e，即自然对数的底数（约等于2.718）。 LN2 返回 2 的自然对数（约等于0.693）。 LN10 返回 10 的自然对数（约等于2.302）。 LOG2E 返回以 2 为底的 e 的对数（约等于 1.414）。 LOG10E 返回以 10 为底的 e 的对数（约等于0.434）。 PI 返回圆周率（约等于3.14159）。 SQRT1_2 返回返回 2 的平方根的倒数（约等于 0.707）。 SQRT2 返回 2 的平方根（约等于 1.414）。  JavaScript项目式实例教程 【相关知识】 方法 描述 abs(x) 返回数的绝对值。 acos(x) 返回数的反余弦值。 asin(x) 返回数的反正弦值。 atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 atan2(y,x) 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。 ceil(x) 对数进行上舍入。 cos(x) 返回数的余弦。 exp(x) 返回 e 的指数。 floor(x) 对数进行下舍入。 log(x) 返回数的自然对数（底为e）。 ma