JavaScript高级程序-CSDN博客

本文链接：https://blog.csdn.net/estrusKing/article/details/120125538

本文深入探讨JavaScript的三大组成部分：ECMAScript、DOM和BOM。ECMAScript定义了语言的基础，DOM提供与网页内容交互的接口，而BOM则用于操作浏览器本身。理解这三者如何协同工作对于Web开发至关重要。所有主流浏览器对ECMAScript5的支持已非常完善，对ECMAScript6和7的支持也在不断提升。

摘要由CSDN通过智能技术生成

文章目录

1. JavaScript 实现

1. JavaScript 实现

虽然 JavaScript 和 ECMAScript 基本上是同义词，但 JavaScript 远远不限于 ECMA-262 所定义的那样。完整的 JavaScript 实现包含以下几个部分:
 核心(ECMAScript)
 文档对象模型(DOM)
 浏览器对象模型(BOM)
在这里插入图片描述

1.1 ECMAScript

ECMAScript，即 ECMA-262 定义的语言，并不局限于 Web 浏览器。事实上，这门语言没有输入和输出之类的方法。ECMA-262 将这门语言作为一个基准来定义，以便在它之上再构建更稳健的脚本语言。 Web 浏览器只是 ECMAScript 实现可能存在的一种宿主环境(host environment)。宿主环境提供 ECMAScript 的基准实现和与环境自身交互必需的扩展。扩展(比如 DOM)使用 ECMAScript 核心类型和语法，提供特定于环境的额外功能。其他宿主环境还有服务器端 JavaScript 平台 Node.js 和即将被淘汰的 Adobe Flash。
如果不涉及浏览器的话，ECMA-262 到底定义了什么?在基本的层面，它描述这门语言的如下部分:
语法
类型
语句
 关键字
 保留字
 操作符
 全局对象
ECMAScript 只是对实现这个规范描述的所有方面的一门语言的称呼。JavaScript 实现了
ECMAScript，而 Adobe ActionScript 同样也实现了 ECMAScrip。

ECMAScript 符合性是什么意思
ECMA-262 阐述了什么是 ECMAScript 符合性。要成为 ECMAScript 实现，必须满足下列条件:  支持 ECMA-262 中描述的所有“类型、值、对象、属性、函数，以及程序语法与语义”;
 支持 Unicode 字符标准。
此外，符合性实现还可以满足下列要求。
 增加 ECMA-262 中未提及的“额外的类型、值、对象、属性和函数”。ECMA-262 所说的这些额外内容主要指规范中未给出的新对象或对象的新属性。
 支持 ECMA-262 中没有定义的“程序和正则表达式语法”(意思是允许修改和扩展内置的正则表达式特性)。
以上条件为实现开发者基于 ECMAScript 开发语言提供了极大的权限和灵活度，也是其广受欢迎的原因之一。

1.2 DOM

文档对象模型(DOM，Document Object Model)是一个应用编程接口(API)，用于在 HTML 中使用扩展的 XML。DOM 将整个页面抽象为一组分层节点。HTML 或 XML 页面的每个组成部分都是一种节点，包含不同的数据。比如下面的 HTML 页面:

    <html>
        <head>
            <title>Sample Page</title>
        </head>
        <body>
            <p> Hello World!</p>
        </body>
    </html>

这些代码通过 DOM 可以表示为一组分层节点
在这里插入图片描述

DOM 通过创建表示文档的树，让开发者可以随心所欲地控制网页的内容和结构。使用 DOM API，可以轻松地删除、添加、替换、修改节点。

DOM Level 2 新增了以下模块，以支持新的接口。
 DOM 视图:描述追踪文档不同视图(如应用 CSS 样式前后的文档)的接口。
 DOM 事件:描述事件及事件处理的接口。
 DOM 样式:描述处理元素 CSS 样式的接口。
 DOM 遍历和范围:描述遍历和操作 DOM 树的接口。

1.3 BOM

IE3 和 Netscape Navigator 3 提供了浏览器对象模型(BOM) API，用于支持访问和操作浏览器的窗口。使用 BOM，开发者可以操控浏览器显示页面之外的部分。
总体来说，BOM 主要针对浏览器窗口和子窗口。比如一些扩展:
 弹出新浏览器窗口的能力;
 移动、缩放和关闭浏览器窗口的能力;
 navigator 对象，提供关于浏览器的详尽信息;
 location 对象，提供浏览器加载页面的详尽信息;

 screen 对象，提供关于用户屏幕分辨率的详尽信息;
 performance 对象，提供浏览器内存占用、导航行为和时间统计的详尽信息;
 对 cookie 的支持;
 其他自定义对象，如 XMLHttpRequest 和 IE 的 ActiveXObject。
因为在很长时间内都没有标准，所以每个浏览器实现的都是自己的 BOM。有一些所谓的事实标准，
比如对于 window 对象和 navigator 对象，每个浏览器都会给它们定义自己的属性和方法。

1.4 小结

JavaScript 是一门用来与网页交互的脚本语言，包含以下三个组成部分。
 ECMAScript:由 ECMA-262 定义并提供核心功能。
 文档对象模型(DOM):提供与网页内容交互的方法和接口。
 浏览器对象模型(BOM):提供与浏览器交互的方法和接口。
JavaScript 的这三个部分得到了五大 Web 浏览器(IE、Firefox、Chrome、Safari 和 Opera)不同程度
的支持。所有浏览器基本上对 ES5(ECMAScript 5)提供了完善的支持，而对 ES6(ECMAScript 6)和 ES7(ECMAScript 7)的支持度也在不断提升。这些浏览器对 DOM 的支持各不相同，但对 Level 3 的支持日益趋于规范。HTML5 中收录的 BOM 会因浏览器而异，不过开发者仍然可以假定存在很大一部分的公共特性。