首页 理论教育 DOM对象模型在网页设计与制作中的重要性

DOM对象模型在网页设计与制作中的重要性

时间:2023-10-18 理论教育 版权反馈
【摘要】:浏览器是用于显示HTML文档内容的应用程序。浏览器提供了一些可以通过脚本语言进行访问和使用的对象。浏览器对象是一个分层结构,也称文档对象模型,如图10-6所示。其次我们看到的是网页文档内容,也就是Document文档,它包括了一些表单、超链接等我们都已经很熟悉的对象,而在他们之下,又有我们更加熟知的相关元素,例如与表单相关的文本框、文本域、单选按钮、复选按钮等元素。所以定位此文本框的结果应为:window.Document.firstForm.firstText.。

DOM对象模型在网页设计与制作中的重要性

浏览器是用于显示HTML文档内容的应用程序。浏览器提供了一些可以通过脚本语言进行访问和使用的对象。

浏览器对象是一个分层结构,也称文档对象模型,如图10-6所示。

我们在打开网页时,首先看到的是浏览器窗口,即window对象,其实window对象指的就是浏览器本身。其次我们看到的是网页文档内容,也就是Document文档,它包括了一些表单、超链接等我们都已经很熟悉的对象,而在他们之下,又有我们更加熟知的相关元素,例如与表单相关的文本框、文本域、单选按钮、复选按钮等元素。通过以上的层次介绍我们可以很容易的定义到相关的页面元素。

例如:我们在name属性为firstForm的表单中设置了一个文本框,它的name属性设置为fiirstText,那么我们就可以按照文本层次结构,从上向下定位到此文本框。所以定位此文本框的结果应为:window.Document.firstForm.firstText.。

另外,在实际开发中,因为window是所有页面内容的根对象,所以常常省略,所以上面的定位结果可以改为:Document.firstForm.firstText。(www.xing528.com)

图10-6 浏览器对象的分层结构

在浏览器对象结构中,除了我们熟悉的window对象和Document对象外,还有两个被我们所不熟知的常用对象:地址对象(Location)和历史对象(History)。他们分别对应着IE浏览器中的地址栏和前进/后退按钮,通过对这两个对象的设置,我们可以实现对浏览器地址栏和页面的相关切换。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈