基本信息
文件名称:Web前端开发任务驱动式教程(HTML5+CSS3+JavaScript)(第2版)(微课版) 教案 第17讲次 任务18 JavaScript的应用.docx
文件大小:26.62 MB
总页数:14 页
更新时间:2025-05-27
总字数:约3.74千字
文档摘要

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页面交互时产生的操作,比如按下鼠标、移动窗口、选择菜单等。

事件驱动:当事件发生后,会由此而引发一连串程序的执行,这些程序称为事件处理程序。

常用事件:鼠标事件、键盘事件、表单事件、页面事件

类别