^网页设计与制作案例教程-电子教案第25单元.pptVIP

* * 第13章　JavaScript技术 网页是用HTML语言写的，HTML语言定义了网页的结构和网页元素，能够实现网页普通格式要求。CSS样式表弥补了HTML对网页格式化功能的不足，对网页布局和网页元素的控制功能更加强大，能够实现网页中特殊格式的要求。 课程引导 本章所学习的JavaScript主要实现实时的、动态的、可交互性的功能，对客户操作进行响应，显示各种自定义内容。HTML、CSS、JavaScript三者共同构成了丰富多彩的静态网页。 知识技能目标 （1）掌握JavaScript的常量、变量、运算符和表达式。 （2）掌握JavaScript的语句、函数。 （3）了解JavaScript的事件。 本章操作任务 （1）在“长沙世界之窗”站点下创建文件夹“14JS技术”。 （2）在文件夹“14JS技术”中创建网页14_1.html，在该网页中显示当前日期与时间，并且在每天不同时间段显示不同的问候语，还具有动态显示标题栏信息的功能。 （3）在文件夹“14JS技术”中创建网页14_2.html，该网页打开时会自动弹出一个小窗口，网页中图像禁止下载。 13.1 JavaScript概述 13.2 JavaScript的应用举例 13.3 JavaScript的基本语法 13.1 JavaScript概述 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言一起实现网页中的动态交互功能。 13.2　JavaScript的应用举例 利用JavaScript编写代码，在网页中显示当前日期和时间。 具体实现过程如下： （1）在“长沙世界之窗”站点下创建文件夹“14JS技术”，在“文件”面板中，将本站点根目录下“02文本操作”文件夹中的网页文档“02.html”拷贝到文件夹“14JS技术”中，且重命名为“14_1.html”。 （2）打开网页文档14_1.html 双击该文档名称打开该网页，在“文档”工具栏中单击【代码】按钮，切换到代码视图的编辑窗口。 （3）观察代码窗口中的显示日期的代码： （4）在同一位置删除原有的代码，重新输入代码，显示当前日期和时间， （5）保存网页。 13.3　JavaScript的基本语法 在网页中最常用的一种插入脚本程序的方式是使用script标记符，把脚本标记符script/script置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。 13.3.1　JavaScript脚本的语法格式 一般语法形式如下： script language=JavaScript1.2 type=text/javascript !-- 在此编写JavaScript代码 //-- /script 通过标识script/script指明其间是JavaScript脚本源代码。 JavaScript有6种基本类型的常量： （1）整型常量 （2）实型常量 13.3.2　JavaScript的常量和变量 1．常量 （3）布尔值 （4）字符型常量 （5）空值 （6）特殊字符 变量有4种类型：整型变量、实型变量、布尔型变量、字符串变量。 JavaScript变量在使用前可以使用var关键字先作声明，并可赋值。 2．变量 算术运算符（包括+、-、*、/、％、++、--） 比较运算符（包括、=、、=、==、!=） 逻辑运算符（、||、!） 赋值运算符（=） 条件运算符（? :） 13.3.3　JavaScript的运算符与表达式 运算符也称为操作符，JavaScript常用的运算符有： 表达式是运算符和操作数的组合，表达式通过求值确定表达式的值，这个值是操作数据实施运算所确定的结果。 13.3.4　JavaScript的语句 1．条件语句 （1）if语句 if语句的语法格式如下： 若表达式的值为true，则执行该语句块，否则就跳过该语句块。 if (表达式)　 　　语句块 （2）if else语句 if else语句的语法格式如下： 若表达式的值为true，则执行语句块1；否则执行语句块2。 if (表达式) 语句块1 else 语句块2 循环语句用于在一定条件下重复执行某段代码。JavaScript中提供了多种循环语句：for语句、while语句、do while语句。 2．循环语句 （1）form语句 form语句的语法格式如下： for (表达式1 ; 表达式2 ; 表达式3 )