JavaScript与DHTML技术

• 常用方法

2.3 使用浏览器对象

2.3.1 文档对象模型

    文档对象模型（DOM）：用于表示HTML元素以及WEB浏览器信息的一个模型。一个对象是所有能与脚本交互的某种事物，而对象模型就是所有那些对象组成的总体。是一种为了命名所有那些事物的系统，该命名系统是建立在对象层次的基础上。

2.3.2 document对象

    窗口内的内容就是document，因此它是最主要的对象之一。文档对象有很多的属性和方法，文档对象的属性大部分可以由HTML标识符定义，但JavaScript提供了动态更改页面属性的方法，如动态更改页面背景色。

(1) document对象的常用属性

• bgColor - 页面的背景色；
• fgColor - 页面的前景色，即文本的颜色；
• linkColor - 超文本链接的颜色
• lastModified - 此页面 (HTML 文件) 最后被修改的时间；
• forms - 表单 (form) 对象组成的数组，数组中的每一个元素对应于网页中的每一个 <FORM> 标记，数组元素对应的顺序是在 HTML 文件代码中标记出现的先后顺序；
• links - 超文本链接对象组成的数组，数组中的每一个元素对应于网页中的每一个 <A> 标记，数组元素对应的顺序是在 HTML 文件代码中标记出现的先后顺序；
• title - 当前页面的标题

(2)document对象的常用事件

    事件(event)在此的含义就是用户与Web页面交互时产生的操作。对于document对象来说，非常有用的事件有：

• onClick 当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码把被调用执行。
• onLoad 当文档载入时，产生该事件。
• onUnload 当网页退出时引发onUnload事件。

(3)document对象的常用方法

    document对象最常用的方法为write()，表示在文档中写内容。

2.3.3 window对象

    window对象是最顶级的对象，它是其他对象的父对象。

(1) window对象的常用属性

• document 表示窗口中显示的当前文档
• history 表示最近访问过的URL列表
• location 表示窗口中显示的当前URL
• status 表示窗口状态栏中的临时信息

(2) window对象的常用方法

• alert() 它是一个弹出对话框，用以提示用户某些注意事项。
• confirm() 它是一个消息框，有两个按钮"确认"和"取消"，单击确认返回true，单击取消，返回false，利用返回值可以作进一步的工作。
• prompt() 这是一个消息框，不过该消息框允许用户输入某种信息。该信息被当作prompt()的结果返回。
• open() 该方法打开一个新的浏览器窗口，原窗口不变。新打开的窗口可以定义大小、有无工具栏、有无状态栏、有无地址栏、可否改变尺寸、有无滚动条。
• close() 关闭当前浏览的窗口。
• blur()从窗口中移走焦点。在很多系统中，该操作把窗口送往后台。
• focus()使窗口获得焦点。在很多系统中，该操作把窗口送往前台。

2.3.4 Form对象

Form对象封装了<form>标签定义的表单中的相关信息。它的几个数值属性基本是和<form>标签中相对应的，有type、name、action、method、encoding、target等。除了上面和HTML标签相对应的属性外，还有两个属性是和表单内的元素有关的，一个是elements，它是一个数组，数组中的每一个元素都是由<input>定义的一个对象，另一个是length，它是elements数组的元素的个数。

    Form对象的方法较少，只有两个：submit()和reset()，submit()方法会触发submit事件。

3 DHTML技术

3.1 什么是DHTML

    DHTML（Dynamic HTML，简称DHTML），其实并不是一门新的语言，它是建立在原有技术的基础上，可分为三个方面：

• HTML
• CSS
• 客户端脚本（如：JavaScript）