Download presentation
Presentation is loading. Please wait.
1
JavaScript 教师：魏小迪
2
课程性质 程序设计语言(基于对象，事件驱动) 应用于Web开发,（网页特效开发等）
3
课程介绍 课时：48 目标： 读懂、修改、编写JavaScript程序 学会基本的JavaScript应用
4
考核方式 成绩比例： 平 时：50％ 期 末：50％
5
使用教材 JavaScript特效实战 石磊 向守超 重庆大学出版社
6
课程结构 情景01 JavaScrip动态显示内容 情景02 简易计算器 情景03 表单验证 情景04 二级菜单 情景05 电子时钟
情景02 简易计算器 情景03 表单验证 情景04 二级菜单 情景05 电子时钟 情景06 选项卡 情景07 无缝滚动 情景08 图片切换 情景09 省市级联 情景10 JQUERY二级菜单 情景11 JQUERY制作选项卡 情景12 AJAX注册用户名检测
7
情景一 JavaScript动态显示内容
8
学习目标 了解JavaScript语言特色 了解JavaScript开发工具 了解HTML中添加JS代码的方式 掌握JS页面输出内容的方式
9
语言特色 脚本语言 由于ASCII字符组成，可用任一文本编缉器 编缉 无需编译 无需生成可执行文件 基于对象
10
JavaScript的特点 语法简单，结构松散 解释性语言 跨平台 基于对象和事件驱动 用于客户端
11
JavaScript与Java的区别
12
开发JavaScript的工具 选择开发工具 运行工具 Macromedia Dreamweaver或文本编缉器 (UltraEdit)
Microsoft的Internet Explorer Mozilla的Firefox浏览器
13
1.1 任务引入 案例 用JS实现在浏览器页面显示“JavaScript， 我们来了！”
14
1.2 任务分析 设计思路 建站点、html页面 添加JS代码 实现动态内容的显示
15
1.3 任务实施 建站点CH1 添加JS代码 <script>标签 实现动态内容的显示 document.write() 函数
16
显示一些提示信息，可以包含HTML标 签。
document.write() 显示一些提示信息，可以包含HTML标 签。 如果变量名称加上引号，将会打印出变量名称（不会打印变量 值）。你可以使用“+”符号来连接变量值和文本字符串
17
1.4 小结 <script>标签 输出函数<script>标签 JS添加方式
18
练习 用JS实现在浏览器页面显示如下结果： （1） （2）
19
1.5 JS基础 alert() JS数据类型 <script>标签 JS数据变量 结构 命名规则 声明
20
变量名 变量值 变量的命名规则 区分大小写 包含字母、数字和下划线（不能以数字 开头） 已经使用过的var function等关键字和保 留字不能用作变量名
21
声明变量必须加上var关键字 一条语句结束后需要加上（;）号 注意代码的缩进，便于观看 所有的标点都在英文状态 编码习惯
document.write() 函数 声明变量必须加上var关键字 一条语句结束后需要加上（;）号 注意代码的缩进，便于观看 所有的标点都在英文状态
22
思考练习 P8 题目：新建站点，把字符“I am from JS”显 示在页面中 要求： 使用两种引入方式完成
用JS输出时，用<P>标签封闭，最后用警告显示“OK”！
23
结束
Similar presentations
