JavaScript技术.ppt

Economic and Management College
主讲人:经济管理学院营销系彭思喜
电子商务网站设计与管理
教学单元25:JavaScript技术
主要教学环节
五、知识讲解与操作示范
一、课程引导
二、明确知识技能目标
三、展示网页浏览效果
四、分析操作任务
六、课堂模仿实践
七、疑难解析
八、归纳总结
九、布置****题
(一)课程引导
网页是用HTML语言写的,HTML语言定义了网页的结构和网页元素,能够实现网页普通格式要求。CSS样式表弥补了HTML对网页格式化功能的不足,对网页布局和网页元素的控制功能更加强大,能够实现网页中特殊格式的要求。本章所学****的JavaScript主要实现实时的、动态的、可交互性的功能,对客户操作进行响应,显示各种自定义内容。HTML、CSS、JavaScript三者共同构成了丰富多彩的静态网页。
(二)明确知识技能目标
(1)掌握JavaScript的常量、变量、运算符和表式。
(2)掌握JavaScript的语句、函数。
(3)了解JavaScript的事件。
(三)分析操作任务
(1)在“长沙世界之窗”站点下创建文件夹“14JS技术”。
(2)在文件夹“14JS技术”,在该网页中显示当前日期与时间,并且在每天不同时间段显示不同的问候语,还具有动态显示标题栏信息的功能。
(3)在文件夹“14JS技术”,该网页打开时会自动弹出一个小窗口,网页中图像禁止下载。
(四)知识讲解与操作示范
JavaScript概述
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言一起实现网页中的动态交互功能。
(四)知识讲解与操作示范(2)
JavaScript的应用举例
利用JavaScript编写代码,在网页中显示当前日期和时间。
具体实现过程如下:
(1) 在“长沙世界之窗”站点下创建文件夹“14JS技术”,在“文件”面板中,将本站点根目录下“02文本操作”文件夹中的网页文档“”拷贝到文件夹“14JS技术”中,且重命名为“”。
(2)
双击该文档名称打开该网页,在“文档”工具栏中【代码】按钮,切换到代码视图的编辑窗口。
(3) 观察代码窗口中的显示日期的代码:
(四)知识讲解与操作示范(2)
JavaScript的应用举例
(4)在同一位置删除原有的代码,重新输入代码,显示当前日期和时间,
(5)保存网页。
(四)知识讲解与操作示范
JavaScript的基本语法
JavaScript脚本的语法格式
在网页中最常用的一种插入脚本程序的方式是使用script标记符,把脚本标记符<script></script>置于网页上的HEAD部分或BODY部分,然后在其中加入脚本程序。一般语法形式如下:
<script language=“” type=“text/javascript”> <!-- 在此编写JavaScript代码//--> </script>通过标识<script></script>指明其间是JavaScript脚本源代码。
JavaScript的常量和变量
(四)知识讲解与操作示范(2)
JavaScript的基本语法

JavaScript有6种基本类型的常量:
(1)整型常量
(2)实型常量
(3)布尔值
(4)字符型常量
(5)空值
(6)特殊字符

变量有4种类型:整型变量、实型变量、布尔型变量、字符串变量。