JavaScript 入学介绍

1. 什么是 JavaScript

JavaScript 是一种轻量级的解释型或即时编译的编程语言，主要用于为网页添加交互性和动态功能。它是现代 Web 开发的三大核心技术之一（HTML、CSS、JavaScript），允许开发者操作网页内容、响应事件、处理数据以及与服务器通信。

上面说的都是官腔，说白了就是网页开发最基本的三个核心技术就是HTML、CSS、JavaScript。那么如何看待 HTML、CSS、JavaScript 这三者的关系呢？ 

HTML：负责网页结构的

CSS：负责网页美化的

JavaScript：负责网页交互的

三者在整个网页开发过程中各施其职，但又相互匹配。

2. 学习 JavaScript 的前提

当读者阅读到此时，你必须已经学习过 HTML 及 CSS 的课程知识，并对 HTML 及 CSS 有深刻的理解。否则很难理解 JavaScript 语言。

因此，还没学习过 HTML 及 CSS 的小伙伴们，可先掌握 HTML 及 CSS 基础后，再来学习 JavaScript。因为普遍的前端开发学习路径顺序都是：HTML => CSS => Javascript 。

3. JS三大核心

JavaScript 由三个核心部分组成：ECMAScript、DOM 和 BOM。我们学习 JavaScript 也是从这三个核心部分一点点去学的。其中：

ECMAScript：作为 JavaScript 的语言核心，定义了语法、数据类型、运算符、控制结构等基础规范。也就是说你编写代码你得遵循别人的规范（语法规则、使用说明）来玩。

DOM：通过 JavaScript来操作 HTML 的。

BOM：通过  JavaScript来操作浏览器的。

下面对三大核心进行一些背景了解：

ECMASciprt 是 JavaScript作者创建的，而 DOM 与 BOM 也是作者创建的但并非完全，作者只是对 DOM 与 BOM定义了规则。DOM 可通过 JavaScript 来操作HTML，BOM可通过 JavaScript 来操作浏览器。作者对 DOM 与 BOM给出一系列的标准，由各个浏览器厂商来补充方法。而各个浏览器厂商又丰满了另一部分面结合起来形成一个全新的 JS。所以 BOM 和 DOM 是由不同的浏览器厂商结合了同样的ECMA标准的产物。所以每一个浏览器在 BOM 和 DOM 身上会有一些细微的差别。所以 JavaScript 的一些兼容性问题，基本全部出现在 BOM 和 DOM身上。

1. ECMAScript‌ 作为 JavaScript 的语言核心，定义了语法、数据类型、运算符、控制结构等基础规范。它是ECMA国际组织制定的标准，确保不同环境下的JavaScript实现一致性。

2. ‌DOM（文档对象模型）‌ 提供操作HTML/XML文档的接口，将页面视为节点构成的树形结构（DOM树），允许动态增删改查元素。其顶级对象是document，遵循W3C标准。

3. ‌BOM（浏览器对象模型）‌ 控制浏览器行为，如窗口管理、地址栏导航、历史记录等。顶级对象为window，包含location、history等子对象，但缺乏统一标准，各浏览器实现略有差异。

三者的关系：ECMAScript是基础，DOM 和 BOM 扩展了浏览器端的功能。BOM包含DOM，document是window的属性。