Web程序设计精品教学课件：chaper-17-js.pptVIP

html head script language = javascript var emp = new array(3); emp[0] = ryan dias; emp[1] = graham browne; emp[2] = david greene; emp.sort( ); document.write(“排序结果是：hr); document.write(emp[0]+br); document.write(emp[1]+br); document.write(emp[2]+br); /script /head /html 数组 4-4 课堂重点 Array对象常用的属性是length，排序方法：sort 循环语句分为：for 循环、while循环、do-while循环 Eval( )函数可以计算某个计算表达式的值， isNaN( )函数可用于判断是否是一个数字 String对象的indexOf( )方法用于查找子字符串 Math对象的random( )方法可以产生0－1的随机数 Date对象有setxxx( )方法用于设置日期和时间，getxxx( )方法用于获得日期和时间 * 参考答案： 1)var x=10; 2)显示结果为1030 3)parseInt 4)两处错误：a) var x=“c”,y; b)case后面缺少break ； 说明：字符串在js中，可以用单引号，也可以用双引号，所以’b’没有错误， 推荐使用双引号，特殊情况才用单引号。 * * * 讲解步骤： 1.简要引导学员回顾for循环的语法 2.打印金字塔型的直线，如何实现，提问学员？ 1）直线我们使用哪个标签就可以了？ －－HR 2) 大家观察一下，每条直线是不是宽度不一样？宽度使用哪个属性－－HR width=? 3) 图中有很多直线，只是它们的宽度递增而已，可以用for 循环。 3.点击幻灯片，显示并讲解关键代码 演示：参考TG－Source文件夹中的“for循环”用例 * 讲解步骤： 1.简要引导学员回顾for循环的语法 2.打印金字塔型的直线，如何实现，提问学员？ 1）直线我们使用哪个标签就可以了？ －－HR 2) 大家观察一下，每条直线是不是宽度不一样？宽度使用哪个属性－－HR width=? 3) 图中有很多直线，只是它们的宽度递增而已，可以用for 循环。 3.点击幻灯片，显示并讲解关键代码 演示：参考TG－Source文件夹中的“for循环”用例 * 讲解步骤： 1.简要引导学员回顾while循环和do-while循环的语法，比较它们的区别。 2.告诉学员，有一种比较特殊的字体，让字符显示为图形。 输入一个字符，只读N停止，提问学员，用哪个循环？－－do-while 3.点击幻灯片，显示并讲解关键代码 演示：参考TG－Source文件夹中的“do-while循环”用例 * 讲解步骤： 1.简要引导学员回顾while循环和do-while循环的语法，比较它们的区别。 2.告诉学员，有一种比较特殊的字体，让字符显示为图形。 输入一个字符，只读N停止，提问学员，用哪个循环？－－do-while 3.点击幻灯片，显示并讲解关键代码 演示：参考TG－Source文件夹中的“do-while循环”用例 * 讲解步骤： 1.讲解这两个函数的功能。 2.点击幻灯片展示代码 3.点击给出计算表达式，提问学员：大家算一算 1+2*3-－4 / 5 结果多少啊？ 4.再点击给出结果 演示：参考TG－Source文件夹中的“eval和isNaN函数”用例 * 演示：参考TG－Source文件夹中的“函数”用例 * * * * * * 演示：参考TG－Source文件夹中的“Math对象”用例 提问如何实现： 引导： 1）自动刷新Meta标签 2）图片名取名为1.jpg －9.jpg，根据Math.random( )能产生的0－1随机小数，放大一定的倍数然后取整。 讲解要点： 1）Math.random( )产生0－1的小数，所以 Math.round(Math.random( )*8+1)产生1－9的数字。 2）字符串连接：document.write(“IMG width=640 height=433 src=”+ i +“.jpg”); * 告诉学员： 1）日期函数中的星期几用数字表示，星期一到星期天（七）一般用数字0－6表示，和中国人的习惯差 1 2）月份0－11表示一月到十二月，也是差1，为后面的练习打基础。 * 告诉学员：这些函数用于设置日期和时间，比如年份、月份、日等 * 告诉学员：这些函数用于获得日期和时间，比如年份、月份、日等 * 了解：转换为国际标准