网页设计与制作第四章.ppt

第4章 JavaScript与DHTML技术 4.1 使用客户端脚本 4.2 Javascript 4.3 DHTML技术 4.1 使用客户端脚本 客户端程序是利用客户端脚本语言来完成的。脚本语言是介于HTML和Java， Visual Basic以及C++等编程语言之间的一种特殊语言。HTML通常用于设置文本格式和创建链接，而编程语言通常用于向计算机发出一系列复杂的指令。脚本语言也可以向计算机发送指令，但它们的语法和规则没有编译的编程语言那么严格和复杂。脚本语言卞要用于格式化文本和使用编程语言编写的组件。 4.2 Javascript 4.2.1 JavaScript语言简介 JavaScript为Netscape Communication Corporation(网景公司)所开发的S cript语言。它提供给该公司的浏览程序产品Netscape Navigator开发h.动网页的功能。JavaScript原名LiveScript，1995年正式发布的Netscape 2.0版本，是目前浏览器最普遍支持的S cript语言。 4.2 Javascript 4.2.2JavaScript的数据类型 1.字符串数据类型 2.数值数据类型 3.整型值 4.浮点值 5. Boolean数据类型 6. Null数据类型 7. Undefined数据类型 4.2 Javascript 4.2.3JavaScript的变量 1.变量声明 2.变量命名 3.强制转换 4.2 Javascript 4.2.4JavaScript的运算符 1.运算符的优先级 JavaScript提供的运算符有很多种，而且在同一个表达式中允许使用多种运算符。为了正确的得到计算结果，表达式以默认的优先顺序进行计算，即所谓的运算符的优先级。 4.2 Javascript 2.算术运算符 JavaScript的算术运算符拥有常用的数学运算符。大部分的运算元都是数字，不过加法运算还可以链接两个字符串。表4为各种运算符的例子。 3.逻辑运算符 逻辑运算符卞要是使用在循环和条件语句的判断条件中，true为真，false为假，比较运算符如表5所示。 4.2 Javascript 4.位运算符 JavaScript拥有位运算符，能够进行一进制的位运算，可以向左或右移动儿位，也可以通过NOT， AND， XOR不II OR进行位运算，如表6所示。 4.2 Javascript 4.2.5JavaScript的控制语句 1.使用条件语句 JavaScript支持if和if...else条件语句。在if语句中将测试一个条件，如果该条件满足测试，执行相关的JavaScript编码。在if...else语句中，如果条件不满足测试，则将执行不同的代码。最简单的if语句格式可以在一行中写完，不过更常见的是多行的if和iif...else语句。 4.2 Javascript 2.条件运算符 JavaScript也支持隐式的条件格式。该格式在要测试的条件后使用一个问号(而不是在条件前的if)。它也指定两个可选项，一个在满足条件时使用，另一个在不满足条件时使用。这两个选择项之间必须用一个冒号隔开。 4.2 Javascript 3.使用循环 有多种方式来重复执行一条语句或语句块。通常重复执行被称为循环或重复。重复只是循环的一个运行。典型情况是用一个变量测试来进行控制，每执行一次循环变量的取值都会更改。JavaScript支持4种循环：for循环、for... in循环、whil e循环、do...while循环。 4.2 Javascript 4.使用for循环 for语句指定了一个计数器变量，一个测试条件，以及更新该计数器的操作。在每次循环的重复之前，都将测试该条件。如果测试成功，将运行循环中的代码。如果测试不成功，不运行循环中的代码，程序继续运行紧跟在循环后的第一行代码。在执行该循环后，计算机变量将在下一次循环之前被更新。 4.2 Javascript 5.使用for…in循环 JavaScript提供了一种特别的循环方式来编译一个对象的所有用户定义的属性或者一个数组的所有元素。for...in循环中的循环计数器是一个字符串，而不是数字。它包含当前属性的名称或者当前数组元素的下标。 4.2 Javascript 6.使用while循环 while循环相似于for循环。其不同之处是while循环没有内置的计数器或更新表达式