《web前端设计》教案02.pdfVIP

教案

授课时间2018年3月14日第02周第5-8节

课程内容项目一JavaScript语法基础（变量、数据类型、运算符）

授课班级2016数字媒体应用技术1、2合班授课地点S301

1、了解JavaScript中的变量。

知识目标2、掌握JavaScript脚本语法、变量命名规则、数据类型、表达式与运

算符。

教学目标

能力目标1、能够在实际应用中熟练判断变量的类型。

1、具有认真负责、吃苦耐劳、实事求是的工作态度和严谨细致的工作

素质目标

作风、良好的职业道德。

重点

1、JavaScript变量的命名规则

2、JavaScript基础数据类型

3、JavaScript基础运算符

重点难点难点

解决方法1、布尔运算

2、运符符+的特殊用法

3、弱类型的自动转换

重点内容采用详述、多举实例方式讲解；难点内容以原理剖析、动画演示、操作演示等直

观的方式进行讲解。

1、梳理教材，备课，整理教学素材，标记书本重难点，理顺教学思路，修订完善课件。

2、提前发布教学视频，提醒学生登录教学平台自主观看视频，进行课前预习。课前统计

教学准备

并掌握学生的整体学习进度。

3、检查机房的广播设备。

课后作业P16课本课后相关练习，并完成单元测验

能力训练项

任务认识变量及数据类型

目

教学过程

（根据教学设计延续）

课前准备

登录网络教学平台，了解学生课前预学的进度统计，掌握学生课前预学的总体情况。根据学生课前

预学提交的问题讨论，有针对性地调整知识点讲解的内容。

一、任务引入

1、上一节课我们认识了JavaScript，对什么是JavaScript并且JavaScript怎么运行有了一个大体了

解。和C#一样，JavaScript有一套变量命名规则及数据类型。在进行后续任务之前，我们需要先学习变

量命名规则及数据类型。引入本节课任务——认识变量及数据类型。

2、教师展示任务的效果。

二、任务内容

认识变量及数据类型，并在页面显示不同类型变量的数据类型名称。

三、任务分析

在页面显示变量数据类型需要以下步骤：

（1）声明变量

（2）为变量赋值

（3）使用typeOf方法显示数据类型名称

四、知识讲解

1、JavaScript的基本语法

2、变量的命名规则、声明及赋值

变量名必须以字母或下划线（_）开头。变量可以包含数字、从A至Z的大小写字母JavaScript

区分大小写。

提问：变量myVar、myVAR和myvar是同一个变量吗？（答案是不同的变量）。

例子：

HTML

HEAD

TITLE使用变量/TITLE

SCRIPTLANGUAGE=Javascript

varx;

x=prompt(淘宝网竟拍，请出一口价,1);

document.write(拍卖价格+x+br/)//+用来连接多个字符串

document.write(恭喜您，您以最高价拍卖成功！);

alert(欢迎下次光临！);

/SCRIPT

/HEAD

prompt(“提示信息”,”默认值”)

将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。

3、变量的作用域

4、数据类型

JavaScript数据类型分为以下几个大类：

数值型：整型、浮点型

字符串型：单引号或双引号引起来

布尔型：true,false