通过本章学习，应该掌握以下内容：
1,JavaScript语言基础
2,在网页中插入 JavaScript脚本语言的方法
3,CSS属性
4,在网页中应用 DHTML技术第 10章 JavaScript和 DHTML技术
10.1 在网页中使用 JavaScript
10.1.1 JavaScript概述
1,JavaScript语言基础
（ 1） JavaScript变量与其他编程语言一样,JavaScript也是采用变量存 储数据 。 与 Java 和 其他一 些高级 语言不同,
JavaScript并不要求指定变量中包含的数据类型 。
在 JavaScript中,可以简单地用 var来定义所有的变量,而变量的类型由赋值语句隐含确定 。
例如,如果赋予变量 money数字值 1000,则 money
可参与整型操作；如果赋予该变量字符串值 "This is
my money",则它可以参与字符串操作；同样,如果赋予它逻辑值 false,则它可以支持逻辑操作 。
变量还可以先赋予一种类型的数值，然后再根据需要赋予其他类型的数值。
JavaScript支持的数据类型 有：
数字、布尔、字符串、未定义、对象等类型。
（ 2） JavaScript运算符
① 算术运算符 包括,+,-,*,/,%,++,--等 。
② 逻辑运算符 包括,&&,||,！ 等 。
③ 比较运算符 包括,<,<=,>,>=,==,！ =等 。
④ 字符串运算符 包括,+,用于连接两个字符串 。
⑤ 位操作运算符 &,|,^,-,~,<<,>>,>>>等 。
⑥ 赋值运算符 包括,=,+=,-=,*=,／ =,％ =、
&=,|=,^=,<<=,>>=,>>>=等 。
⑦ 条件运算符 包括,?。
⑧ 其他运算符大多数 JavaScript运算符都是双目运算符,即具有两个操作数的运算符,通常用以下方式进行操作：
操作数 1运算符 操作数 2
（ 3） JavaScript表达式表达式是运算符和操作数的组合 。 表达式通过求值确定表达式的值,这个值是对操作数实施运算符所确定的运算后产生的结果 。 有些运算符将数值赋予一个变量,而另一些运算符则可以用在其他表达式中 。
（ 4） JavaScript语句
① 条件语句在 JavaScript中提供了 if语句,if else语句以及 switch语句等三种条件语句 。
if语句 是最基本的条件语句,它的格式为：
if（ 条件 ）
语句段；
if else语句的格式为：
if（ 条件 ）
语句段 1；
else
语句段 2；
switch语句格式如下：
switch（ 条件 ）
{casevalue1:语句段 1;
casevalue2,语句段 2;
casevalue3,语句段 3;
…
default,语句段 4； }
② 循环语句循环语句用于在一定条件下重复执行某段代码。在
JavaScript中提供了多种循环语句：
for语句 格式如下：
for（ 初始化；条件；增量 ）
{
语句段；
}
while语句 是另一种基本的循环语句,格式如下：
while（ 条件 ）
{
语句段 ；
}
dowhile语句 是 while语句的变体,格式如下：
do
{
语句段 ；
}
while（ 条件 ）
break语句 提供无条件跳出循环结构或 switch语句的功能 。
continue语句 作用是终止当次循环,跳转到循环的开始处继续下一轮循环 。
break语句和 continue语句既可以单独使用,也可以与语句标号一起使用 。
（ 5） JavaScript函数函数是已命名的代码块,代码块中的语句被作为一个整体引用和执行 。 在使用函数之前,必须先定义函数 。 函数定义通常放在 HTML文档头中,但也可以放在其他位置 。 但通常最好放在文档头,这样就可以确保先定义后使用 。 定义函数的格式如下：
function函数名 （ 参数 1,参数 2,．．,）
{
语句段；
…
return 表达式；
}
函数名是调用函数时引用的名称,参数是调用函数时接收传入数值的变量名 。 大括号中的语句是函数的执行语句,当函数被调用时执行 。 如果需要函数返回值,可以使用 return语句,需要返回的值应放在
return之后 。
2,使用 JavaScript内部对象对象就是客观世界中存在的特定实体 。 在计算机世界中,也包含各种各样的对象 。 例如,一个 Web页可以被看作一个对象,
它包含背景颜色,前景颜色等特性,同时包含打开,关闭,读写等动作 。 因此可以说,对象包含两个要素：
属性 用来描述对象特性的一组数据,也就是若干变量；
方法 用来操作对象特性的若干动作,也就是若干函数 。
通过访问或设置对象的属性,并且调用对象的方法,可以对对象进行各种操作,从而获得需要的功能 。
在 JavaScript中可以操作的对象通常包括两种类型：浏览器对象和 JavaScript内部对象 。 浏览器对象是指文档对象模型规定的对象,例如 HTML元素对象,document对象,window对象等； JavaScript内部对象包括一些常用的通用对象,例如数组对象 Array,日期对象 Date,数学对象 Math等 。
10.1.2 JavaScript应用实例
1,在网页中使用 JavaScript的方法在网页中使用脚本的方法有三种：
（ 1） 使用 SCRIPT标记符插入脚本方法是：把脚本标记符 <SCRIPT><／ SCRIPT>置于网页上的 HEAD部分或 BODY部分,然后在其中加入脚本程序 。
语法如下：
<SCRIPTlanguage="JavaScript",type="text/javascript">
<!--
在此编写 JavaScript代码 。
//-->
<／ SCRIPT>
（ 2） 直接添加脚本
（ 3） 链接脚本文件
10.2 在网页中使用 DHTML
10.2.1 CSS简介
10.2.2 DHTML应用实例
1,利用 DHTML制作滚动字幕滚 动 字 幕 是 一 种 常 用 的 网 页 效 果,使用
MARQUEE 标 记 符 可 以 设 计 滚 动 字 幕,利用
MARQUEE标记符中各种属性来控制滚动字幕的滚动方式 。
2,利用 DHTML制作动态折叠菜单
1,JavaScript语言基础
2,在网页中插入 JavaScript脚本语言的方法
3,CSS属性
4,在网页中应用 DHTML技术第 10章 JavaScript和 DHTML技术
10.1 在网页中使用 JavaScript
10.1.1 JavaScript概述
1,JavaScript语言基础
（ 1） JavaScript变量与其他编程语言一样,JavaScript也是采用变量存 储数据 。 与 Java 和 其他一 些高级 语言不同,
JavaScript并不要求指定变量中包含的数据类型 。
在 JavaScript中,可以简单地用 var来定义所有的变量,而变量的类型由赋值语句隐含确定 。
例如,如果赋予变量 money数字值 1000,则 money
可参与整型操作；如果赋予该变量字符串值 "This is
my money",则它可以参与字符串操作；同样,如果赋予它逻辑值 false,则它可以支持逻辑操作 。
变量还可以先赋予一种类型的数值，然后再根据需要赋予其他类型的数值。
JavaScript支持的数据类型 有：
数字、布尔、字符串、未定义、对象等类型。
（ 2） JavaScript运算符
① 算术运算符 包括,+,-,*,/,%,++,--等 。
② 逻辑运算符 包括,&&,||,！ 等 。
③ 比较运算符 包括,<,<=,>,>=,==,！ =等 。
④ 字符串运算符 包括,+,用于连接两个字符串 。
⑤ 位操作运算符 &,|,^,-,~,<<,>>,>>>等 。
⑥ 赋值运算符 包括,=,+=,-=,*=,／ =,％ =、
&=,|=,^=,<<=,>>=,>>>=等 。
⑦ 条件运算符 包括,?。
⑧ 其他运算符大多数 JavaScript运算符都是双目运算符,即具有两个操作数的运算符,通常用以下方式进行操作：
操作数 1运算符 操作数 2
（ 3） JavaScript表达式表达式是运算符和操作数的组合 。 表达式通过求值确定表达式的值,这个值是对操作数实施运算符所确定的运算后产生的结果 。 有些运算符将数值赋予一个变量,而另一些运算符则可以用在其他表达式中 。
（ 4） JavaScript语句
① 条件语句在 JavaScript中提供了 if语句,if else语句以及 switch语句等三种条件语句 。
if语句 是最基本的条件语句,它的格式为：
if（ 条件 ）
语句段；
if else语句的格式为：
if（ 条件 ）
语句段 1；
else
语句段 2；
switch语句格式如下：
switch（ 条件 ）
{casevalue1:语句段 1;
casevalue2,语句段 2;
casevalue3,语句段 3;
…
default,语句段 4； }
② 循环语句循环语句用于在一定条件下重复执行某段代码。在
JavaScript中提供了多种循环语句：
for语句 格式如下：
for（ 初始化；条件；增量 ）
{
语句段；
}
while语句 是另一种基本的循环语句,格式如下：
while（ 条件 ）
{
语句段 ；
}
dowhile语句 是 while语句的变体,格式如下：
do
{
语句段 ；
}
while（ 条件 ）
break语句 提供无条件跳出循环结构或 switch语句的功能 。
continue语句 作用是终止当次循环,跳转到循环的开始处继续下一轮循环 。
break语句和 continue语句既可以单独使用,也可以与语句标号一起使用 。
（ 5） JavaScript函数函数是已命名的代码块,代码块中的语句被作为一个整体引用和执行 。 在使用函数之前,必须先定义函数 。 函数定义通常放在 HTML文档头中,但也可以放在其他位置 。 但通常最好放在文档头,这样就可以确保先定义后使用 。 定义函数的格式如下：
function函数名 （ 参数 1,参数 2,．．,）
{
语句段；
…
return 表达式；
}
函数名是调用函数时引用的名称,参数是调用函数时接收传入数值的变量名 。 大括号中的语句是函数的执行语句,当函数被调用时执行 。 如果需要函数返回值,可以使用 return语句,需要返回的值应放在
return之后 。
2,使用 JavaScript内部对象对象就是客观世界中存在的特定实体 。 在计算机世界中,也包含各种各样的对象 。 例如,一个 Web页可以被看作一个对象,
它包含背景颜色,前景颜色等特性,同时包含打开,关闭,读写等动作 。 因此可以说,对象包含两个要素：
属性 用来描述对象特性的一组数据,也就是若干变量；
方法 用来操作对象特性的若干动作,也就是若干函数 。
通过访问或设置对象的属性,并且调用对象的方法,可以对对象进行各种操作,从而获得需要的功能 。
在 JavaScript中可以操作的对象通常包括两种类型：浏览器对象和 JavaScript内部对象 。 浏览器对象是指文档对象模型规定的对象,例如 HTML元素对象,document对象,window对象等； JavaScript内部对象包括一些常用的通用对象,例如数组对象 Array,日期对象 Date,数学对象 Math等 。
10.1.2 JavaScript应用实例
1,在网页中使用 JavaScript的方法在网页中使用脚本的方法有三种：
（ 1） 使用 SCRIPT标记符插入脚本方法是：把脚本标记符 <SCRIPT><／ SCRIPT>置于网页上的 HEAD部分或 BODY部分,然后在其中加入脚本程序 。
语法如下：
<SCRIPTlanguage="JavaScript",type="text/javascript">
<!--
在此编写 JavaScript代码 。
//-->
<／ SCRIPT>
（ 2） 直接添加脚本
（ 3） 链接脚本文件
10.2 在网页中使用 DHTML
10.2.1 CSS简介
10.2.2 DHTML应用实例
1,利用 DHTML制作滚动字幕滚 动 字 幕 是 一 种 常 用 的 网 页 效 果,使用
MARQUEE 标 记 符 可 以 设 计 滚 动 字 幕,利用
MARQUEE标记符中各种属性来控制滚动字幕的滚动方式 。
2,利用 DHTML制作动态折叠菜单
