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页面交互时产生的操作，比如按下鼠标、移动窗口、选择菜单等。
事件驱动：当事件发生后，会由此而引发一连串程序的执行，这些程序称为事件处理程序。
常用事件：鼠标事件、键盘事件、表单事件、页面事件
类别