网页设计与制作第九章 制作网页动态效果.ppt

第九章 制作网页动态效果 JavaScript简介 JavaScript的基本语法 JavaScript 的对象 JavaScript 代码嵌入到HTML文档的方法 使用JavaScript制作特效 行为应用 网页中的媒体应用 掌握JavaScript的语法、对象及使用 掌握JavaScript 代码嵌入到HTML文档的方法 掌握行为的使用方法 掌握网页中的媒体应用 JavaScript是一种基于对象和事件驱动并具有安全性能的脚步语言。使用它的目的是与HTML超文本标记语言一起实现网页中的交互功能。JavaScript通过嵌入或调用在标准的HTML语言中实现功能。它与HTML标记结合在一起，弥补了HTML语言的不足，JavaScript使得网页变得更加生动。 JavaScript是一种编成语言，它的基本语法与C语言类似，但运行时不需要单独编译，而是逐行解释执行，运行快。JavaScript具有跨平台性，与操作系统无关，只依赖于浏览器本身，只要支持JavaScript的浏览器都能正确执行 9.2.1 JavaScript脚本的语法格式 在网页中最常用的一种插入脚本程序的方式是使用script标记符，把脚本标记符script/script置于网页上的HEAD部分或BODY部分，然后再其中加入脚本程序即可。 一般语法形式如下： script language=”JavaScript1.2” type=”text/javascript” !— 在此编写JavaScript代码 //? /script 通过标记符script /script指明其间是JavaScript脚本源代码。 使用script标记符时，一般使用language属性（说明使用何种语言）和type属性（指明脚本的类型），也可以使用其中一种，以适应不同的浏览器。将脚本程序包括在HTML注释标记符内，以便不支持脚本的浏览器忽略脚本程序 1．常量 在JavaScript，常量有以下6种基本类型： （1） 整型常量：JavaScript的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。 （2） 实型常量：实型常量是由整数部分加小数部分表示，如12.32，193.98。可以使用科学或标准方法表示，如5E7，4e5等。 （3）布尔值：布尔常量只有两种状态：True或False。它主要用来说明或代表一种状态或标志，以说明操作流程。 （4） 字符型常量：使用单引号（’）或双引号（”）扩起来的一个或几个字符。如This is a book of JavaScript，3245，EWRT234234等。 （5）空值：JavaScript中有一个空值Null，表示什么也没有。如试图引用没有定义的变量，则返回一个Null值。 （6）?特殊字符：JavaScript中有以反斜杠（/）开头的不可显示的特殊字符。通常称为控制字符。 2．变量 变量是存取数字、提供存放信息的容器。对于变量，必须明确变量的命名、变量的类型、变量的声明及其变量的作用域。 运算符也称为操作符，JavaScript常用的运算符有：算术运算符（包括+、-、*、/、%、++、--）、比较运算符（包括、=、、=、==、!=）、逻辑运算符（ 、||、 !）、赋值运算符（=）、条件运算符（？：）以及其他类型运算符。 表达式是运算符和操作数的组合，表达式通过求值确定表达式的值，这个值是操作数据实施运算的结果，由于表达式是以运算符为基础的，所以表达式可以分为算术表达式、字符串表达式、赋值表达式、逻辑表达式等。 例如在“实例1.html”中：date + , + year + /center是一个字符串表达式。 1．Javascript条件语句 Javascript条件语句有以下几种： 单项条件结构 (if条件语句) 双向条件结构 (if...else条件语句) 多项条件结构 (switch条件语句) 2．Javascript 循环语句 Javascript 循环语句有以下几种： 在循环的开头测试表达式 (while 循环语句) 在循环的末尾测试表达式 (do...while 循环语句) 对对象的每个属性都进行操作 (for...in 循环语句) 由计数器控制的循环 (for 循环语句) 3．其他语句 Javascript中还包括以下语句： 赋值语句：使用赋值运算符构成的语句称为赋值语句。 数据声明语句：声明一个变量。 函数调用语句：用于调用函数。 return语句：用于返回函数的值。 JavaScript的全局函数 decodeURI() --