第一二章 JavaScript基础.ppt

* * * 练习——制作12小时的时钟-1 需求说明 显示年、月、日 显示星期几 显示时钟特效，时钟为12小时进制 练习——制作12小时的时钟-2 实现思路 使用getFullYear()获得当前年份 使用getMonth()+1获得当前月份 使用getDate()获得当前日期 根据getHours()获得的小时，使用if语句判断当前时间是否大于12 使用getDay()获取当前表示星期几的数字，然后使用switch设置当前星期几 学员练习源代码 完成时间：20分钟 总结 window对象有哪些常用的方法及其含义？ 请列举Date对象有哪些方法？ 请解释setTimeout()方法与setInterval()方法的区别，及各自适用场合？ 请举例说明事件onload和onclick的用法 * * * * * * * * * * * * * * * * 对于提前完成的学员，可以继续根据输入的次数，显示出一个菱形 * * * * * * * * * * * * * 练习——打印三角形 需求说明 使用prompt提示输入显示三角形的行数 参考代码 完成时间：25分钟 总结 大家简述一下JavaScript脚本的基本结构？ JavaScript在页面中的应用有哪几种？请举例说明 下面使用typeof返回的值分别是什么？ Typeof(“rose”) Typeof(105.58) Typeof(false) 回顾与作业点评 JavaScript中BOM的作用是什么？ 如何使用JavaScript在页面中输出内容？ 如何使用JavaScript接收用户输入的信息？ 预习检查 在javascript中的为什么需要使用函数？ Window对象常用的方法有哪些？并举例说明其用法 如何能够使静止不动的时钟动起来？ 本章任务 制作时钟特效 制作弹出广告窗口特效 演示示例：广告窗口特效 演示示例：时钟显示特效(日期对象) 本章目标 使用函数实现代码的重用 使用window对象的open()方法制作广告窗口 使用window对象的setinterval()方法实现时钟特效 什么是函数 函数的含义：类似于Java中的方法，是完成特定任务的代码语句块 使用更简单：不用定义属于某个类，直接使用 如果希望单击某个按钮后在页面显示“HelloWorld”， 并且能够控制语句显示的次数，怎么办？ 演示示例：调用函数输出“HelloWorld” JavaScript核心语法 系统函数 自定义函数 有参函数 无参函数 函数的调用 常用系统函数 parseInt (字符串) 将字符串转换为整型数字 如: parseInt (86)将字符串“86”转换为整型值86 parseFloat(字符串) 将字符串转换为浮点型数字 如: parseFloat(34.45)将字符串“34.45”转换为浮点值34.45 isNaN() 用于检查其参数是否是非数字 演示示例：类型转换函数 自定义函数 创建函数 无参函数 有参函数 function 函数名() { JavaScript代码; } function 函数名(参数1,参数2，… ) { JavaScript代码; } 调用函数 函数调用一般和表单元素的事件一起使用，调用格式： 事件名＝“函数名( ) ; 单击此按钮时，调用函数showHello( )，执行函数体中的代码 调用无参函数 调用无参函数，输出10次“HelloWorld” function showHello( ) { for(var i=0;i5;i++) { document.write(h2Hello World/h2); } } input name=btn type=button value=显示10次HelloWorld onclick=showHello() / 演示示例：调用无参函数输出“HelloWorld” 调用有参函数 根据输入的次数，调用有参函数，显示“HelloWorld” 单击此按钮时，调用函数showHello(count )，执行函数体中的代码 function showHello(count) { for(var i=0;icount;i++) { document.write(h2Hello World/h2); } } input name=btn type=button value=请输入显示HelloWorld的次数 onclick=showHello(prompt(请输入显示HelloWorld的次数：,))/ 演