JS学习（2）（浏览器执行JS过程、JS的ECMAScript、DOM、BOM）

目录

一、浏览器如何执行JS？

（1）浏览器主要的组成部分。

1、渲染引擎。

2、JS引擎。

（2）演示。

二、JS的组成。

（1）JS主要由三部分组成。

1、JS基础。

2、JS-API。

（2）ECMAScript。

（3）DOM。

（4）BOM。

---

一、浏览器如何执行JS？

（1）浏览器主要的组成部分。

• 用户界面包括地址栏、前进/后退按钮、书签菜单等，是用户与浏览器交互的界面。

• 浏览器是互联网用户访问网页和使用网络服务的主要工具。

---

• 浏览器主要分成两个部分：渲染引擎与JS引擎。

1、渲染引擎。

• 渲染引擎（Rendering Engine）：渲染引擎负责解析HTML和CSS，俗称内核。
• 并在屏幕上显示内容。不同的浏览器可能使用不同的渲染引擎，WebKit（Safari、旧版Chrome）、Blink（Chrome、新版Edge）、Gecko（Firefox）等。Chrome：谷歌浏览器。

---

2、JS引擎。

• 也称为 JS 解释器。
• 用来读取网页中的JavaScript代码，对其进行相应处理后计算机再运行代码。
• 不同的浏览器可能使用不同的JavaScript引擎，例如V8（号称"最快js引擎"）（Chrome）、SpiderMonkey（Firefox）等。

（2）演示。

• JavaScript是一种高级的、解释型的编程语言。
• 因为计算机能明白，就需要翻译成机器语言。（如：二进制：0101...）

---

• 当浏览器读到一行高级语言的代码时，发现这是一段高级语言。这时我们的JS引擎将这部分代码转换成二进制的机器语言。这样就能识别并执行这段语言。
• 也就是翻译一句，计算机执行一句。就是这样的一个过程。（逐行解释！）

• 如下简单且"好笑"的例子。

二、JS的组成。

（1）JS主要由三部分组成。

1、JS基础。

• ECMAScript。JS基础——JavaScript的基本语法。

---

2、JS-API。

• DOM。
• BOM。

---

（2）ECMAScript。

• ECMAScript 是一种由 ECMA International（一个国际标准化组织）通过其技术委员会 TC39 制定的脚本语言规范。
• 这个规范定义了JavaScript语言的核心语法、类型、语句、关键字、保留字、操作符、全局对象等。简而言之，ECMAScript 是 JavaScript 的基础和标准。
• 其实就是规定了JS的一些基础的语法标准和使用场景。

---

• ECMAScript 规范是JavaScript语言发展的基础，它确保了JavaScript作为一种编程语言的标准化和向前兼容性。

---

（3）DOM。

• DOM，全称为文档对象模型（Document Object Model）。
• 是一种编程接口，用于表示和操作网页上的内容和结构。
• DOM 是一种树状结构，将网页上的每个元素（如标签、文本节点等）表示为一个节点（Node），并通过这些节点之间的关系（父子、兄弟等）来表示整个文档的结构。

---

• 通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
• 如点击某个按钮，其下拉框展示出来其下的所有子元素。像事件处理。

---

• DOM 是现代Web开发中不可或缺的一部分，它为开发者提供了一种强大的方式来操作和控制网页的内容和结构。通过DOM，开发者可以实现丰富的交互效果和动态内容。

---

（4）BOM。

• 全称为浏览器对象模型（BOM，Browser Object Model）。
• 是JavaScript中用于表示和操作浏览器窗口及其相关组件的对象模型。BOM提供了一组API，允许开发者通过JavaScript与浏览器进行交互。以下是BOM的一些核心组成部分和功能。

• 它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。