首页 > 网站建设 >

网站建设公司浅谈文档对象模型DOM

发布时间:2019-08-22 作者:深圳网站建设

  深圳网站建设公司浅谈DOM,DOM(DocumentObjectModel,文档对象模型)是W3C制订的标准。DOM是一个能够使程序和脚本动态访问和更新文档内容、结构及样式的接口,通俗一些讲,DOM是这样一种规则:它将HTML文档中的各个对象按容器级别组织成一种树形访问结构,以便于JavaScript等面向对象编程语言可以编程访问文档中所有的对象及其属性方法。DOM提供了两种标准对象集:HTML和XML,并有一个标准接口访问并操纵它们。
  DOM将HTML文档看作是嵌套其他元素的树形结构元素。所有的元素,包括它们包含的文字以及树形都可以被DOM树访问到,它们的内容可以被修改和删除,并且可以通过DOM建立新的元素。图5-37为HTML的DOM结构示意图。
  基于这样的结构化文档对象模型,每个网页元素例如窗口和文档都是一个对象,每个对象(即网页元素)都有自己的属性、方法及事件。JavaScript可以通过从根结点往下访问对象的属性和方法的方式进行编程,以此实现动态改变网页元素的显示样式或者输出客户端信息,这是JavaScript作为前端显示脚本的基础。
  在DOM中,浏览器会为每一个网页自动创建window对象、document对象、history对象、location对象和navigater对象。每个对象都具有其父对象的属性和方法,属性用于描述Web页面或文档的变量,方法用于操控部分Web页面。要在脚本中改变编程、读取某个对象的属性、使用其方法时,需要指定完整的路径。对照图5-37所示的层次结构图,完整路径为:从左至右顺着箭头方向,用点号“.”连接,直到指定的对象或对象的属性方法。
window对象
只要打开浏览器窗口,就会自动创建window对象。
window对象包括两类窗口:单个网页窗口和窗口框架(frame/iframe)。前者指在一个浏览器窗口中只打开一个网页;后者指在一个浏览器窗口中打开一个框架集,它是由多个网页(每个网页就是一个frame,也称为帧)组成的一个页面。帧窗口继承窗口对象所有的属性和方法。帧集合非空时,帧的个数由属性window.frames.length给出,各帧用window.frames[0],window.frames[1],…来表示。对于这两类窗口,相同的属性方法所起的作用会有所不同。
下面一起了解window对象的常用属性(见表5-10)和方法(见表5-11)。
表5-10 window对象的属性及其功能描述

表5-11 window对象的方法及其功能描述
document对象
document对象是一个顶层对象,不需要预先实例化就可直接使用。代码所在的HTML文档就是它的一个实例,它包含了当前网页的所有信息,并向浏览器提供显示HTML的方法,是脚本语言中用来输出结果的必不可少的方法。
document对象的常用属性及其功能如表5-13所示。
表5-13 document对象的常用属性及其功能描述
document对象的常用方法及其功能如表5-14所示。
表5-14 document对象的常用方法及功能描述
history对象
history对象包含一组用户在浏览器中访问过的URL信息。history对象的属性及其功能如表5-15所示。
表5-15 history对象的属性及其功能描述
history对象的方法如表5-16所示。
表5-16 history对象的方法及其功能描述
location对象
location对象提供了浏览器窗口中文件的来源、URL、主机名、路径等信息。
location对象的属性及其功能描述如表5-17所示。
表5-17 location对象的属性及其功能描述
location对象的方法及其功能描述如表5-18所示。
表5-18 location对象的方法及其功能描述
form对象及form元素对象
form对象是document对象的一个元素,document.forms[]是一个数组,下标从0开始,它包含了文档中所有的表单;form元素对象则是form对象的子对象。form及form元素是开发动态网站必不可少的网页元素,它们是用户与Web服务器交互的桥梁。详细了解form对象及form元素对象对动态网页编程是有很大好处的。
假设有一个form对象的名称为frm,form对象的属性及其功能描述如表5-19所示。
表5-19 form对象的属性及其功能描述
form对象的方法及其功能描述如表5-20所示。
表5-20 form对象的方法及其功能描述
form元素对象的属性及其功能描述如表5-21所示。
表5-21 form元素对象的属性及其功能描述
form元素对象的方法及其功能描述如表5-22所示。
表5-22 form元素对象的方法及其功能描述
各form元素可以发生的事件如表5-23所示。
表5-23 各form元素的事件
网站建设公司本文关于“网站建设公司浅谈文档对象模型DOM”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
 
 
 
 
 
 
文章标题: 网站建设公司浅谈文档对象模型DOM
本文地址:https://www.198bona.com/news/3628.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯