JavaScript学习总结(一) ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

ECMAScript

ECMAScript 是 JavaScript 的标准规范，定义了 JavaScript 的基础语法、数据类型、函数和对象等内容。可以通过 console.log(typeof yourVariable) 来获取变量的类型，同时官方提供了各种内置对象和方法，如：String、Array、Math、Date等。

示例 1：数组去重

let arr = [1, 2, 3, 1, 2];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3]

BOM

浏览器对象模型（BOM）是一个 JavaScript API，与浏览器窗口和子窗口进行交互。BOM 提供了一些在 JavaScript 中访问和控制浏览器窗口的对象，比如 window、document。

示例 2：获取当前页面URL

let currentUrl = window.location.href;
console.log(currentUrl);

DOM

文档对象模型（DOM）是 HTML 和 XML 文档的编程接口，表示文档中的所有元素及其属性和事件的表示。DOM 是树型结构，通过 JavaScript 可以对 DOM 进行访问和操作。

示例 3：动态修改文本内容

<p id="myParagraph">旧的文本内容</p>

let paragraph = document.getElementById("myParagraph");
paragraph.innerText = "新的文本内容";

以上是 ECMAScript、BOM、DOM 的简单介绍和示例，需要深入学习可以通过MDN等网站学习相关内容。