《文档对象模型(DOM)》由会员分享，可在线阅读，更多相关《文档对象模型(DOM)（29页珍藏版）》请在金锄头文库上搜索。
1、word文档对象模型DOM文档对象模型DOM属于VBScript客户端扩展局部，在文档对象模型中提供了大量的对象，这些对象应用于浏览器上，这些对象在我们编写脚本时发挥着重要的作用。当用户在浏览器中打开一个页面时，浏览器就会自动创建文档对象模型中的一些对象，这些对象存放了HTML页面的属性和其他的相关信息，因为这些对象在浏览器上运行，所以我们有时也称之为浏览器对象。浏览器对象的层次图如图3-10所示，这个文档对象模型是Navigator的文档对象模型。图3-10 文档对象模型DOM在这个层次图中，每个对象都是它的父对象的属性。例如，Window对象是Document对象的父对象，所以在引用Doc
2、ument对象时使用Window.Document。在这里，Document对象也就是Window对象的属性。对于每一个页面，浏览器都会自动创建Window对象、Document对象、Location对象、Navigator对象、History对象。而基于这个层次结构，还可以创建其他对象。例如，如果在页面中有一个表单对象名称为MyForm，那么在引用MyForm对象时，就可以使用Window.Document.MyForm。在这里可以看出，Document对象是Window对象的属性，而如果页面中存在form对象，那么，form对象也是Document对象的属性。在VBScript中如果要引用
3、某个对象的属性，必须通过整个对象属性的完整路径来进展引用，也就是说，必须指明这个对象的属性的所有父对象。例如，假设在页面上表单对象的名称为MyForm，而在表单中有个文本框，名称为MyTextBox，而我们希望能够获取这个文本框中的字符串，那么必须从最高一级对象Window对象开始引用。引用方式如下所示：Window.Document.MyForm.MyTextBox.value。362 Windows对象Window对象在VBScript浏览器对象的层次图中位于最高一层，具有唯一性，只要浏览器窗口打开，即使在浏览器中没有加载任何页面，VBScript中同样也会建立Window对象。所以，它也
4、就具有许多和其他浏览器对象不同的属性和方法。1Window对象的属性Window对象中存放的是浏览器整个窗口的属性，包括各种工具条的设置、浏览器的外观设置以与Document对象、History对象、Location对象等内容，对Window对象的属性逐个进展详细介绍是很难的，下面我们对Window对象的属性分类进展简要的介绍。1Closed、Opener属性Closed属性可以判断一个窗口是否已经被关闭；通过Opener属性可以通过一个窗口来操纵它的父窗口。当一个窗口打开另外一个窗口后，它们之间的关系并不是如同Frame结构一样严密，它们只是通过Opener属性，子窗口可以和父窗口发生联系，
5、而通过Open()方法的返回值，父窗口可以和子窗口发生联系，这样两个相关的窗口之间就可以实现互操作。例如，以下例题先建立一个弹出窗口，通过Opener属性可以获取父窗口的属性信息，下述语句可以显示父窗口的名称：例3-41 Opener属性使用示例以下是弹出窗口的代码应命名为tan.htm：sub Closeit() setTimeout self.Close(),10000 End sub这是一个测试文件，用于测试文件的自动打开与关闭。父窗口的名称2defaultStatus、status属性defaultStartus属性的值是在浏览器窗口下面的状态栏中缺省显示的信息，status属性的值是
6、状态栏中当前显示的信息。例如，将浏览器状态栏的当前显示的信息通过对话框反应给用户：测试Window对象的status属性的用法3Document、History、Location属性Document属性、History属性、Location属性就是浏览器对象中的Document对象、History对象、Location对象，下面分别对这些对象进展介绍。2Window对象的方法Window对象有很多方法，下面我们介绍最常用的几种方法。1Open(页面地址，窗口名称，窗口风格)和Close()方法Open()方法能够打开一个窗口，并且，在打开窗口的时候，还能够指定窗口的风格，Open()方法返回的
7、是窗口的引用，它有3个参数：页面地址、窗口名称和窗口风格，窗口风格中可以指定浏览器是否具有toolbar工具栏、Location地址栏、directories目录按钮、status状态栏、menubar菜单条、scrollbars滚动条，它们可以设置为yes或no，窗口风格也可以指定浏览器窗口的width宽和height高。Close()方法可以自动关闭一个窗口，例如刚刚我们打开的myWindow对象，可以通过Close()方法关闭：myWindow.Close()例如，我们打开一个窗口，页面是hello.htm，窗口高400，宽400，有工具栏、地址栏、目录按钮，而没有状态栏、菜单条和滚动条
8、，如此代码如下所示：打开一个新窗口关闭窗口例3-42 Window对象Opent和Close方法的使用示例2alert(字符串)这种方法将在以后广泛使用。alert()方法的功能是弹出一个警告框，在警告框内显示字符串文本，通常，在给用户某些警告信息的时候使用，例如，在IE浏览器内运行alert(你好!)后警告框如图3-11所示。图3-11警告框3Window对象的事件Window对象的事件有9种，较常用的有OnLoad、OnUnLoad、OnFocus、OnScroll。在装载一个HTML页时会运行Window对象的OnLoad事件。要使用该事件，既可创建一个命名为Window_OnLoad的
9、过程，也可向标记中添加OnLoad属性例3-30。Sub Window_OnLoad StrName=Window.Prompt(请输入某某) Window.Alert Hello & strNameEnd Sub 363 Document对象Document对象代表的是当前的整个页面，所以在Document对象中存储着当前页面的一些信息，包括页面的前景色和背景色，也包括了页面中的表单、锚标、图象等对象，运用Document对象，我们还能够向页面中动态添加文本以与各种标签。1Document对象的属性Document对象的属性非常丰富，下面我们分类进展简单介绍。1alinkColor、vlin
10、kColor、bgColor、fgColor和linkColor属性这些属性是页面的颜色设置。bgColor是页面的背景颜色，fgColor是页面的前景颜色也就是文本的颜色，linkColor是超的颜色，alinkColor是鼠标单击中的超的颜色，vlinkColor是已经访问过的超的颜色，这些属性和标签中定义的各种属性相对应。在这里设置颜色时，颜色应该以&hrrggbb形式表达，其中，&h代表颜色是以16进制表达的，而rr代表着红色的深浅程度，gg代表着绿色的深浅程度，bb代表着蓝色的深浅程度。其他各种颜色都是通过这三种颜色组合而成，颜色深浅程度以16进制整数表示，X围从00到ff，如果要设
11、置颜色为绿色，如此颜色应该表达成&h00ff00。例如，运用bgColor属性，我们可以在页面中定义一个按钮，鼠标单击按钮后将页面的背景颜色设置成为黑色，代码如例3-43所示。Doeument 例3-43 通过bgColor设置页面的背景色2Title属性Title属性中存储的是页面的标题，也就是在标签中所定义的标题。我们可以通过如下所示的代码设置页面的标题为Wele：Document.Title=欢迎光临3anchors、applets、forms、images、frames属性这些属性中存放着对象的数组，页面中所有的超存储在links数组中，锚点如此存储在anchors()数组中，表单存储在forms()数组中，图象存储在image()数组中，所有的frame存储在frames()数组中，并可用length属性来判断它们的长度。如果在页面中只定义了一个表单，那我们可以通过Document.forms(0)来引用这个表单对象，以下举一个例子来说明其用法：请输入数据： 到第一个文本到第二个文本b
