北大青鸟软件工程师HTML.ppt

第八章 JavaScript核心语言对象 2 回顾 声明一个变量x 初值为10 对应的js代码 alert 10 30 显示为什么效果 将字符串转换为整数 使用哪个函数 varx c vary switch x case a y 5 case b y 6 default y 0 指出代码错误 3 目标 使用数组使用循环语句控制应用程序创建自定义函数理解JavaScript对象使用String Math和Date等对象 4 数组4 1 声明数组var数组名 newArray 数组大小 例 varemp newArray 3 添加元素emp 0 AA emp 1 BB emp 2 CC emp 也可以声明数组并赋初值 例 varemp newArray AA BB CC 5 使用数组varemp newArray 3 emp 0 RyanDias emp 1 GrahamBrowne emp 2 DavidGreene document write 数组emp中的数据为 document write emp 0 document write emp 1 document write emp 2 数组4 2 6 数组4 3 常用属性length 返回数组中元素的个数常用方法 7 varemp newArray 3 emp 0 RyanDias emp 1 GrahamBrowne emp 2 DavidGreene emp sort document write 排序结果是 document write emp 0 document write emp 1 document write emp 2 数组排序4 2 8 循环 for循环do whilewhile 9 For循环演示document write 打印金字塔直线 for vari 0 i for循环例 vari for i 0 i 10 i 语句 for循环 如何实现 当i 5时 10 myfont font size 150 color c99c96 font family Webdings 产生埃及图像的特殊字体 document write 每个字符都对应一个漂亮的埃及图像 do varc prompt 输入一个字符 输入N或n停止 A document write c while c N while循环while 循环条件 语句 do while循环do 语句 while 循环条件 while和do while循环 先执行 后判断循环条件 输入一个字符 直到N停止 用哪个循环 11 JavaScript函数 内置函数eval函数 用于计算字符串表达式的值isNaN函数 用于验证参数是否为NaN 非数字 12 自定义函数 定义函数 function函数名 参数1 参数2 语句 调用函数 函数调用一般和表单元素的事件一起使用 调用格式为 事件名 函数名 functionsum one two varresult one two returnresult 表示单击此按钮时 调用函数sum 执行 13 函数的应用 num1 num2 result 14 定义函数 定义函数compute 完成计算的功能 op参数代表运算符号 15 调用函数 第一个数第二个数计算结果 16 JavaScript对象简介2 1 对象是属性和 方法的组合属性是对象所拥有的一组外观特征 一般为名词方法是对象可以执行的功能 一般为动词例如 汽车 对象 汽车 属性 型号 法拉利颜色 绿色 方法 前进 刹车 倒车 17 JavaScript对象简介2 2 三类对象 浏览器对象 脚本对象 HTML对象 浏览器窗口window文档documenturl地址等 String字符串对象Date日期对象Math数学对象等 各种HTML标签 段落图片超链接等 18 String对象3 1 创建字符串有两种不同方法 使用var语句varnewstr 这是我的字符串 创建String对象varnewstr newString 这是我的字符串 19 String对象3 2 语法 indexOf 查找的子字符串 查找的起始位置 返回子字符串所在的位置 如果没找到 返回 1例如 varxvary abcdefg x y indexOf c 0 返回结果为2 起始位置是0 20 functioncheckEmail vare document myform email value if e length 0 检测长度是否为0 即是否为空 alert 电子邮件不能为空 return if e indexOf 0 1 检测是否包含 符号 alert 电子邮件格式不正确 n必须包含 符号 return if e indexOf 0 1 检测是否包含 符号 alert 电子邮件格式不正确 n必须包含 符号 return document write 恭喜您 注册成功 欢迎进入古城热线 检查电子邮件email是否包含 和 String对象3 3 返回结果 1表示没找到 字符 21 Math对象2 1 Math random 产生0 1的随机小数Math round 四舍五入取整 如9 34取整为9 22 自动刷新document write 2秒自动刷新 随机显示图片 vari 0 i Math round Math random 8 1 document write Math对象2 2 假定随机产生的数字i 3 上述代码即为 显示第三幅图片 3 jpg 如何实现 每隔2秒刷新网页 Math round Math random 8 1 产生1 9的数字 23 Date对象10 1 Date对象存储的日期为自1970年1月1日00 00 00以来的毫秒数 var日期对象 newDate 年 月 日等参数 例 varmydate newDate July29 1998 10 30 00 如果没有参数 表示当前日期和时间例 vartoday newDate 24 Date对象10 2 Data方法的分组 25 Date对象10 3 用作Date方法的参数的整数 26 Date对象10 4 Set方法 27 Date对象10 5 Get方法 28 Date对象10 6 To方法 Parse方法和UTC方法 29 varnow newDate varhour now getHours if hour 0 Date对象10 7 如何实现 获得当前日期和时间 获得小时 即当前是几点 判断上午 下午还是晚上 月份数字0 11 注意 1 30 Date对象10 8 setTimeout的用法 setTimeout 调用的函数 定时的时间 例 varmyTime setTimeout disptime 1000 clearTimeout myTime 本例的时间可以采用定时显示 使用定时器函数 每隔1秒调用disptime 函数显示时间 每隔1000毫秒调用函数disptime 执行 关闭定时器 31 Date对象10 8 varmyTime setTimeout disptime 1000 设置定时器每隔1秒 1000毫秒 调用函数disptime 执行 刷新时钟显示 32 Date对象10 10 设置样式 无边框的文本框 Onload 事件 页面加载就调用函数 disptime 显示时间 33 总结 Array对象常用的属性是length 排序方法 sort循环语句分为 for循环 while循环 do while循环Eval 函数可以计算某个计算表达式的值 isNaN 函数可用于判断是否是一个数字String对象的indexOf 方法用于查找子字符串Math对象的random 方法可以产生0 1的随机数Date对象有setxxx 方法用于设置日期和时间 getxxx 方法用于获得日期和时间