关于javascript组成DOM和BOM的一点认识

版权声明:当前文章版权为本人所有,转载请提前联系本人,并附以地址说明。 https://blog.csdn.net/D_claus/article/details/85001731

javaScript的实现包括以下3个部分:

ECMAScript(核心)

描述了JS的语法和基本对象。

文档对象模型 (DOM)

处理网页内容的方法和接口

浏览器对象模型(BOM)

与浏览器交互的方法和接口

关于DOM、BOM的一点介绍:

  •  DOM 是 W3C 的标准; [所有浏览器公共遵守的标准]
  • BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]
  •  window 是 BOM 对象,而非 js 对象;javacsript是通过访问BOM(Browser Object Model)对象来访问、控制、修改客户端(浏览器)

DOM详解: (Document Object Model)

  • DOM 是 W3C(万维网联盟)的标准。
  • DOM 定义了访问 HTML 和 XML 文档的标准:

“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分:

  • 核心 DOM - 针对任何结构化文档的标准模型
  • XML DOM - 针对 XML 文档的标准模型
  • HTML DOM - 针对 HTML 文档的标准模型

 HTML DOM 是: 

 HTML DOM Node Tree

  • HTML 的标准对象模型
  • HTML 的标准编程接口
  • W3C 标准
  • HTML DOM 定义了所有 HTML 元素的对象属性,以及访问它们的方法

    换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。(操作节点以及对节点属性操作

  • HTML DOM树如下

 BOM详解:(Browser Object Model)

BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象。这意味着在网页中定义的任何对象,变量和函数,都以window作为其global对象(window.document,window.location,window.navigator,window.screen)。

通常浏览器特定的JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括:

  • 弹出新的浏览器窗口
  • 移动、关闭浏览器窗口以及调整窗口大小
  • 提供 Web 浏览器详细信息的定位对象
  • 提供用户屏幕分辨率详细信息的屏幕对象
  • 对 cookie 的支持
  • IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象 

猜你喜欢

转载自blog.csdn.net/D_claus/article/details/85001731