BOM,DOM,ECMAScripts三者的关系

一:DOM

文档对象模型(DOM)是表示文档(比如HTML和XML)和访问、操作构成文档的各种元素的应用程序接口(API)

DOM是HTML与JavaScript之间沟通的桥梁。

 

DOM下,HTML文档各个节点被视为各种类型的Node对象。

每个Node对象都有自己的属性和方法,利用这些属性和方法可以遍历整个文档树。

由于HTML文档的复杂性,DOM定义了nodeType来表示节点的类型,有12种节点类型

 

节点类型 描述 子节点
1 Element 代表元素 Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference
2 Attr 代表属性 Text, EntityReference
3 Text 代表元素或属性中的文本内容。 None
4 CDATASection 代表文档中的 CDATA 部分(不会由解析器解析的文本)。 None
5 EntityReference 代表实体引用。 Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6 Entity 代表实体。 Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
7 ProcessingInstruction 代表处理指令。 None
8 Comment 代表注释。 None
9 Document 代表整个文档(DOM 树的根节点)。 Element, ProcessingInstruction, Comment, DocumentType
10 DocumentType 向为文档定义的实体提供接口 None
11 DocumentFragment 代表轻量级的 Document 对象,能够容纳文档的某个部分 Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
12 Notation 代表 DTD 中声明的符号。 None

 

对于每种节点类型,nodeName 和 nodeValue 属性的返回值:

节点类型 nodeName 返回 nodeValue 返回
1 Element 元素名 null
2 Attr 属性名称 属性值
3 Text #text 节点的内容
4 CDATASection #cdata-section 节点的内容
5 EntityReference 实体引用名称 null
6 Entity 实体名称 null
7 ProcessingInstruction target 节点的内容
8 Comment #comment 注释文本
9 Document #document null
10 DocumentType 文档类型名称 null
11 DocumentFragment #document 片段 null
12 Notation 符号名称 null

 

二:BOM

Window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象

由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象,例如下面两行代码是一样的:

document.write("BOM");
window.document.write("BOM");

window对象是浏览器实例化的一个对象,可以使用for in来遍历出里面的属性。

实例化的过程是在页面加载时候由javascript引擎完成的,整个页面里的要素都被浓缩到这个window对象,因为程序员无法通过编程语言来控制和操作这个实例化过程,所以开发时候我们就没有构建这个this指针的感觉,常常会忽视它,这就是干扰我们在代码里理解this指针指向window的情形。 

 

扩展:

new操作符会让构造函数产生如下变化:

  1.       创建一个新对象;

  2.       将构造函数的作用域赋给新对象(因此this就指向了这个新对象);

  3.       执行构造函数中的代码(为这个新对象添加属性);

  4.       返回新对象

 

3.ECMAScript

Javscript,JScript,ActionScript等脚本语言都是基于ECMAScript标准实现的。

ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言

 

4.JavaScript的组成

ECMAScript,BOM,DOM

 转载:http://www.cnblogs.com/zqzjs/p/5060764.html

时间: 2024-10-03 17:23:28

BOM,DOM,ECMAScripts三者的关系的相关文章

解释一下 DOM 和 JavaScript 的关系

问题描述 最近在学 js 但那本书叫做<DOM SCRIPTING: WEB DESIGN WITH JAVASCRIPT AND THE DOCUMENT OBJECT MODEL>,我的英语水平又没有达到那个层次,很多概念都一知半解,所以解释一下 DOM 和 JavaScript 的关系. 解决方案 DOM 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口,并且是浏览器都应该遵守的标准,浏览器在支持DOM的标准的同时,还要支持W3C

初步了解JavaScript,Ajax,jQuery,并比较三者关系_AJAX相关

jquery是对javascript很好的封装,而且很轻量级,可以近似的将其称其为框架,下面就来对比javascript与jquery对ajax的实现,以突出jquery对其封装后,在实现方便的简易性,而且不仅如此,用jquery代替javascript来实现一些功能对于浏览器的兼容性也会带来意想不到的好处. 一.基本认识 1.JavaScript 定义:          javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言

初步了解JavaScript,Ajax,jQuery,并比较三者关系

jquery是对javascript很好的封装,而且很轻量级,可以近似的将其称其为框架,下面就来对比javascript与jquery对ajax的实现,以突出jquery对其封装后,在实现方便的简易性,而且不仅如此,用jquery代替javascript来实现一些功能对于浏览器的兼容性也会带来意想不到的好处. 一.基本认识 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言,常用来给HTML

javascript学习笔记(三)BOM和DOM详解_基础知识

js组成 我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异. 1. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准] 2. BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同] 3. window 是 BOM 对象,而非 js 对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BOM

SEO、网络推广和网络营销三者关系图

随着网络时代的普及化,越来越多的人们在使用着网络,从网络中也是不断延伸出各种营销模式.虽然国内的各种营销模式也趋于成熟,但是仍有不少网络营销人员容易混淆SEO.网络推广和网络营销这三者的关系,究竟他们的区分点在哪里呢? SEO.网络推广和网络营销三者的基本概念 1.SEO:Search Engine Optimization 的缩写,中文简称为搜索引擎优化.准确来说通过提高搜索引擎友好度,满足用户体验,对网站进行综合优化使其提高用户访问质量,最终在搜索引擎中获得自然排名的一种方式. 2.网络推广

搜索社交移动三者之间的关系及如何整合营销

毫无疑问,当前互联网最热门的用户行为和商业营销都集中在这三大领域,对于营销者而言,如何真正理解用户的这三种行为模式,并促成最佳营销方案的整合,势必 是如今乃至未来的成功之道,但现实情况却是存在这三者被人看做冲突,或者难以充分融合等等情况,那么按照我的理解,不妨以一篇简要的文章总结一下,在主流 互联网消费时代,如何处理好三者对于营销的融合,我觉得在2个不同的维度,理解三者的关系. "搜索"  Search at google, or baidu, "社交"  Conn

浅谈网站内容建设、数据分析、信息架构三者关系

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大多数站长在运营网站的过程中都是以自我思维为目的而进行,通过这种方式进行网站的运营并没有错,但是个性思维在运营网站的时候难免会犯错,这个时候我们就应该想到正确的网站内容建设.数据分析与信息架构了,通过正确的理解并执行者三者之间的关系达到让网站和谐的局面,笔者自己也有一个网站,现在主要做的是网站制作与优化服务这项业务,下面我结合自己的建站与优化

使用Table,DIV,XHTML三者制作网页的区别

网页制作Webjx文章简介:最近有客户问到table建站.DIV建站以及XHTML建站的区别,其实这也是国内网站建设逐步走向成熟的标志.网站建设,简单的来说,就是这个人长的怎么样和这个人内心怎么样.一部分是外观所展示出来的视觉效果.另一部分是藏在里面的代码元素. 我们先来举一个简单的例子, 最近有客户问到"table建站.DIV建站以及XHTML建站的区别",其实这也是国内网站建设逐步走向成熟的标志.网站建设,简单的来说,就是"这个人长的怎么样"和"这个人

3G、WLAN、Bluetooth关系之分析

一.背景 由于目前日本3G-FOMA商用情况和欧洲进行的3G试验并未取得人们预想的结果,导致各国运营商3G计划都进一步推迟:集团公司日前也将WLAN(无线局域网)和2.5G的GPRS相互整合提上议事日程,以加强无线上网的宽带化和适用性,填补3G推迟所带来的部分市场和技术空间:与此同时电信和网通也借助WLAN介入无线数据领域,并尝试用宽带.无线.数据等概念来混扰用户对3G.WLAN.Bluetooth三者的关系. 在此背景下,可能会有人提出3G会受到2.5G与WLAN的联合夹击?而Bluetoot