内置对象讲述.ppt

* * * * 告诉学员： 本章着重讲解JavaScript脚本对象，也称为JavaScript核心语言对象， 浏览器对象将在后续章节讲解。 * 提问：JavaScript中也支持数组，和C语言非常类似。数组有什么特征？ 引导：只能存放类型相同的数据。 数组下标从多少开始？ 回答：从0开始。 讲解要点： 1）强调定义时的关键字 new –表示新建 Array—数组 2）可以声明数组并赋初值，数组大小由初始化数据的个数决定。 * 演示：参考TG－Source文件夹中的“使用数组”用例 * 演示：参考TG－Source文件夹中的“数组排序”用例 * * * 演示：参考TG－Source文件夹中的“Math对象”用例 提问如何实现： 引导： 1）自动刷新 标签 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，为后面的练习打基础。 * 告诉学员：这些函数用于设置日期和时间，比如年份、月份、日等 * 告诉学员：这些函数用于获得日期和时间，比如年份、月份、日等 * 了解：转换为国际标准时间。 * 演示：参考TG－Source文件夹中的“日期对象 1 ”用例 提问如何实现： 引导： 1）获得年份、月份、日用getxxx函数，比如getYear,getMonth 等。 2） 注意月份数＋1，同理还有星期几也是。 告诉学员： 本例时间遗憾的是：不能动态更新，永远是用户打开页面的时间，提问学员怎么办？ 引导：可以使用页面刷新，但是页面闪屏比较频繁（参见学生用书例11）。 还有别的解决办法使用定时器函数：settimeout（），引出下一页幻灯片。 * 1.先演示效果：参考TG－Source文件夹中的“日期对象 2 ”用例 2.介绍settimeout函数的用法 3.分析解决思路：我们可以采用定时器函数，反复的调用某个函数来显示时间。 从而实现时间动态更新的效果 * 讲解步骤： 1.先告诉学员，为了显示时间，这里采用了文本框myclock，为了界面美观，设置了无边框样式。 2.既然定时器函数需要反复的调用某个函数来显示时间，所以我们需要定义一个函数， 它的功能就是显示时间，假定为disptime 3. 逐一讲解如何显示小时，分钟，秒的代码 4.讲解定时器的关键代码。 * 1）讲解无边框样式，因为文本框对应的HTML标签是 ，所以就采用INPUT标签选择器定义样式。 2）onload事件调用disptime（） * * * 演示：参考TG－Source文件夹中的“字符串对象”用例 第五章 JavaScript 内置语言对象 * 目标 创建自定义函数 使用数组 理解 JavaScript 对象 使用 String、Math 和 Date 等对象 * 自定义函数 定义函数： function 函数名 参数1,参数2，… 语句; 调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名” ; function sum one, two var result one + two; return result; INPUT name “add” type “button” value “加法 onClick sum 2，5 表示单击此按钮时，调用函数sum 执行 * 函数的应用 num1 num2 result * 定义函数 JavaScript 代码 SCRIPT language JavaScript function compute op var num1,num2; num1 parseFloat document.myform.num1.value ; num2 parseFloat document.myform.num2.value ; if op + document.myform.result.value num1+num2 ; if op - document.myform.result.value num1-num2 ; if op * document.myform.result