PAGE11
PAGE
教案
序号:17
授课日期
课时数
4
章节名称
任务18JavaScript的应用
教学内容
重点
JavaScript语言基础、事件及事件驱动、JavaScript对象。
难点
BOM对象和DOM对象。
教学目的与要求
掌握JavaScript的基本语法。
掌握JavaScript的语言基础。
掌握JavaScript的函数使用。
了解事件及事件驱动。
了解JavaScript对象。
教学方法
与手段
教师采用任务驱动法,使用教学PPT辅助授课。
教师操作演示,学生实训练习。
学生课前课后均可通过“浙江省高等学校在线开放课程共享平台”的配套微课学习。
作业及
思考题
完成课堂上未完成的习题,通过网络平台上交作业。
通过回帖的方式回答课上留下的思考题。
预习下一节内容。
讲授内容
课堂组织
第一学时
(任务18JavaScript的应用
18.1JavaScript简介、18.2JavaScript语言基础、18.3JavaScript函数)
实操任务目标发布
实战演练——制作商品精选模块
图17-SEQ图\*ARABIC\r11商品精选模块
强化训练——制作焦点图广告
图17-SEQ图\*ARABIC2焦点图广告
知识准备
JavaScript简介
JavaScript:Web页面中的一种脚本编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。
特点:不需要编译,直接嵌入在HTML页面中,实现实时的、动态的、可交互的网页效果。
作用:表单验证、网页动画效果、焦点图切换效果、浮动广告窗口、旋转文字特效。
JavaScript引入方式一:内嵌式
head
script
//此处为JavaScript代码
/script
/head
子任务:
图17-SEQ图\*ARABIC3内嵌式引入Javascript脚本
JavaScript引入方式二:外链式
head
scriptsrc=js文件的路径/script
/head
子任务:
图17-SEQ图\*ARABIC4外链式引入Javascript脚本
JavaScript基本语法
执行顺序:JavaScript程序按照在HTML文件中出现的顺序逐行执行。
大小写敏感:严格区分字母大小写。如:myname和myName是两个不同的变量。
每行语句结尾的分号可有可无:为了规范,应以分号结束。
注释:
JavaScript语言基础
关键字:关键字不能作为变量名和函数名使用。
标识符:用来命名变量和函数。
命名规则:
第一个字符必须是字母、下划线(_)或美元符号($)
第一个字符其后的字符可以是字母、数字、下划线或美元符号
标识符不能和JavaScript中的关键字同名
不能包含空格等特殊符号
合法:i、user_name、_name、$name、n1
不合法:1a、mn、55、long
常量:程序运行时,值不能改变的量为常量(Constant)。
语法格式:const常量名:数据类型=值;
变量:程序中一个已经命名的存储单元,为数据操作提供存放信息的容器。
命名规则:
必须以字母或下划线开头,中间可以是数字、字母或下划线
变量名不能包含空格、加、减等符号
不能使用JavaScript中的关键字
JavaScript的变量名严格区分大小写,如myname不等同myName
变量的声明与赋值:var变量名;
建议:变量先声明,后使用
vara,b,c;//同时声明a,b,c三个变量。
vara=1,b=2,c=3;//同时声明a,b,c三个变量,并分别对其进行初始化赋值。
Javascript函数
函数:计算机程序中由多条语句组成的逻辑单元
定义:
script
function函数名([参数1,参数2,……]){
函数体
[return表达式;]
}
/script
调用:函数名([参数1,参数2,……])
子任务:
图17-SEQ图\*ARABIC5用户单击按钮前的效果
图17-SEQ图\*ARABIC6用户单击按钮后的效果
第二学时
(任务18JavaScript的应用
18.4事件及事件驱动、18.5JavaScript对象、18.6BOM对象、18.7DOM对象)
知识准备
事件及事件驱动
事件:用户与Web页面交互时产生的操作,比如按下鼠标、移动窗口、选择菜单等。
事件驱动:当事件发生后,会由此而引发一连串程序的执行,这些程序称为事件处理程序。
常用事件:鼠标事件、键盘事件、表单事件、页面事件
类别