6.1 使用标签检查器

•  标签是XHTML文档中的基本单位，是构成网页文档的基础。制作网页时，用户需要使用大量的标签。在Dreamweaver中，提供了【标签检查器】面板，辅助用户查看和编辑这些标签的属性，并为标签添加预置的行为。

6.1.1 检查标签属性

•  在Dreamweaver中执行【窗口】|【标签检查器】命令，即可打开【标签检查器】面板。在该面板中，默认显示的是【属性】选项卡，通过目录树的方式展示一个分类列表，列出了当前选择标签的各种分类属性。

6.1.2 管理网页行为

•   行为是Dreamweaver提供的一项重要功能，其对Adobe编写的JavaScript/CSS代码进行模块化的封装，允许用户以可视化的方式为网页标签添加这些代码，并对代码进行实时编辑以实现自定义效果。

6.2 使用网页行为

•  Dreamweaver提供的网页行为有许多种，可以应用到各种网页元素中。在【标签检查器】面板的【行为】面板中，用户可以方便地为文本、窗口、图像、容器以及各种CSS属性添加交互行为。

6.2.1 文本交互行为

•  文本交互行为即操作网页中文本内容的行为。在Dreamweaver中，允许用户通过行为功能操作容器文本、文本域文本、框架文本以及状态栏文本等。

6.2.2 窗口交互行为

•  窗口交互行为的作用是对浏览器窗口和窗体的对话框进行操作，实现简单的用户交互。在Dreamweaver CS5中，主要提供了两种窗口交互行为，即弹出信息和打开浏览器窗口。

6.2.3 图像交互行为

•  图像交互行为的作用是为网页中的各种图像添加交互事件，实现图像的交换/恢复等。图像交互行为通常是基于鼠标滑过和滑开事件的。在Dreamweaver CS5中，提供了“交换图像”、“恢复交换图像”和“预先载入图像”等图像交互行为。

6.2.4 容器交互行为

•    在Dreamweaver中，将所有XHTML布局标签看作是可容纳内容的容器。容器交互行为的作用就是为AP Div等带有ID的容器添加交互的行为效果，其包括“拖动AP元素”行为和“显示-隐藏元素”行为等。

6.2.5 效果交互行为

•  效果交互行为的作用是通过动态改变属性的方式，为网页添加动画视觉效果，其包含7种交互行为，分别应用于图像、AP元素、带有id属性的网页结构标签等。

   1．增大/收缩

   2．挤压

   3．显示/渐隐

   4．晃动

   5．滑动

   6．遮帘

   7．高亮颜色

6.2.6 属性交互行为

•  属性交互行为的作用是根据用户触发的事件，动态改变网页中各种标签的属性，从而实现各种特殊的视觉效果。Dreamweaver提供了“改变属性”行为，允许用户方便地更改网页标签的各种属性，实现属性的交互。

6.3 编写JavaScript脚本

•   之前介绍的Dreamweaver行为功能本身是由Adobe预编写的JavaScript脚本代码，其本身基于冗余和兼容性的考虑，执行效率较低，且功能有所限制。如用户需要实现更丰富的效果，则需要学习和使用JavaScript脚本语言，自行编写网页的行为代码。

6.3.1 JavaScript简介

•  JavaScript是一种面向对象、跨平台、结构化、多用途的脚本编程语言。在网页前台交互领域甚至网页的后台开发领域，JavaScript都得到了越来越广泛的应用，例如制作页内动画、实现前台交互特效、与XML数据联接等。

6.3.2 基本语法

•  在学习JavaScript脚本语言之前，首先应了解JavaScript的数据类型、变量和运算符等基本语法知识。JavaScript脚本语言是一种弱类型的编程语言，因此在语法上比C、C++和Java较为宽松，允许用户直接使用未声明的变量，同时支持数据类型之间的快速转换。

6.3.3 控制程序流程

•  在默认状态下，JavaScript脚本以逐行的方式自上而下执行代码。控制程序流程的意义在于，允许JavaScript脚本按照用户需要顺序的执行语句。JavaScript提供了两种基本的控制语句流程方式，即条件语句和循环语句。

   1．条件语句

   2．循环语句

6.3.4 封装JavaScript函数

•  函数是一种特殊的语句块，其意义在于将运算的过程和方式封装为一个封闭的整体，并为外部保留交互的接口，通过用户输入的参数来计算，获取最终结果。将JavaScript代码封装为函数后，可以方便用户快速的调用代码，提高代码的可重用性和效率。

6.4 JavaScript对象与DOM

•  对象是JavaScript脚本中的重要组成部分。JavaScript对象主要分为三种，即JavaScript预置对象、DOM对象和自定义对象等。在本节将详细介绍JavaScript中的三类预置对象和DOM对象。

6.4.1 JavaScript预置对象

•  预置对象是JavaScript脚本语言内置的对象，其主要用于基本的程序运算和逻辑操作。JavaScript预置对象的种类很多，例如数组（Array）、参数（arguments）、日期（Data）、函数（Function）、数学（Math）、正则表达式（RegExp）等。

6.4.2 DOM技术简介

•  DOM（Document Object Model，文档对象模型）是一种文档的抽象模型，其定义了各种脚本语言访问和处理文档的方法。标准的DOM分为3种，即核心DOM、XML DOM和XHTML DOM。其中，XHTML DOM是DOM中专门针对网页中应用的XHTML文档而开发的一种模型。

6.5 课堂练习：编写中文时间脚本