1 HTML 语言与网页设计 —— DHTML 技术 2 学习目标理解客户端脚本的作用，掌握在网页中使用客户端脚本的方法。理解 JavaScript 语言的基本语法。理解 JavaScript 对象和浏览器对象在脚本编程中的作用。理解 DHTML 的原理，能够在网页中应用 DHTML.

1 HTML 语言与网页设计 —— DHTML 技术

2 学习目标理解客户端脚本的作用，掌握在网页中使用客户端脚本的方法。理解 JavaScript 语言的基本语法。理解 JavaScript 对象和浏览器对象在脚本编程中的作用。理解 DHTML 的原理，能够在网页中应用 DHTML 特效。

3 Part1 在网页中使用脚本

4 什么是脚本脚本（ Script ）实际上就是一段程序，用来完成某些特殊的功能。服务器端脚本：例如 ASP 、 JSP 、 PHP 等客户端脚本：例如 JavaScript 、 VBScript 等。

5 客户端脚本的作用客户端脚本经常用来检测浏览器、响应用户动作、验证表单数据以及显示各种自定义内容，如特殊动画、对话框等。

6 使用客户端脚本方式 1 ：插入脚本用 script 标记符嵌入脚本程序，例如：此处为程序代码

7 演示 —— 插入脚本插入脚本

8 使用客户端脚本方式 2 ：直接添加脚本直接将代码作为事件响应属性的值。例如：

9 演示 —— 直接添加脚本直接添加脚本

10 使用客户端脚本方式 3 ：链接脚本文件用 script 的 src 属性指定一个外部 javascirpt 文件（后缀为.js ）例如：

11 演示 —— 链接脚本文件链接脚本文件

12 Part 2 JavaScript 简介

13 JavaScript 简介变量不需要指定类型，用 var 定义，也可不定义 JavaScript 运算符与 C 语言非常相似，包括算术运算符、逻辑运算符、比较运算符、字符串运算符、条件运算符等。

14 JavaScript 简介 JavaScript 语句也与 C 语言很相似，包括：条件语句（ if else, switch ）、循环语句（ for, while, do while ）等。如果一行用多个语句，应用分号分隔，否则可以省略分号。

15 JavaScript 函数 JavaScript 函数用 function 作为关键字，通常在 HEAD 标记符内定义，形式如下： function fun_name( 参数，参数 ) { 语句 }

16 演示 —— 使用函数使用函数

17 使用 JavaScript 对象对象的两个要素：属性（数据）方法（动作） JavaScript 中的两类对象： JavaScript 内置对象浏览器对象

18 JavaScript 内置对象日期对象先用 new 关键字创建数学对象不需创建，可直接使用

19 演示 —— 使用内置对象使用内置对象

20 浏览器对象文档对象模型（ DOM ）用于表示 HTML 元素以及 Web 浏览器信息的一个模型，它使脚本可以访问 Web 页上的信息。

21 文档对象模型示意图

22 对象的引用根据对象的包含关系，使用成员引用操作符一层一层地引用对象例如： window.location 较低层次对象一般用名称（对应于 id 属性或 name 属性）引用例如： document.form1.test

23 document 对象属性 all, bgcolor, forms, title 事件 onload, onunload 方法 write()

24 事件机制 JavaScript 事件处理器浏览器显示键盘鼠标操作更新浏览器显示键盘鼠标事件

25 演示 —— 使用 document 对象使用 document 对象

26 window 对象属性 document, history, loction, status 方法 alert(), confirm(), prompt(), open(), setInterval()

27 演示 —— 使用 window 对象使用 window 对象

28 演示 —— 使用 form 对象 Example1 Example2

29 DHTML 技术动态 HTML （ Dynamic HTML ，简称 DHTML ）技术建立在原有技术之上，包括三个方面： HTML CSS 客户端脚本

30 演示 —— 使用 dhtml 技术 DHTML example1 DHTML example2 DHTML example3 DHTML example4 DHTML example5 DHTML example6

31 That ’ s all for this chapter!