JavaScript 学习笔记（WEB APIs Day1）

「写在前面」

本文为 b 站黑马程序员 pink 老师 JavaScript 教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：
1. JavaScript 学习笔记（Day1）
2. JavaScript 学习笔记（Day2）
3. JavaScript 学习笔记（Day3）
4. JavaScript 学习笔记（Day4）
5. JavaScript 学习笔记（Day5）

1 Web APIs 课程安排

P78：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=78

2 变量声明

P79：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=79

变量声明时，用 let 还是 const？

建议：有了变量先给 const，如果发现它后面是要被修改的，再改为 let

• const 声明的值不能更改，而且const声明变量的时候需要里面进行初始化
• 但是对于引用数据类型，const声明的变量，里面存的不是值，是地址。

3 Web API 基本认知

3.1 作用和分类

P80：https://www.bilibili.com/video/BV1Y84y1L7Nn?p=80

• 作用: 就是使用 JS 去操作 html 和浏览器
• 分类： DOM (文档对象模型)、 BOM（浏览器对象模型）

3.2 什么是DOM

DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的 API

DOM 是浏览器提供的一套专门用来 操作网页内容 的功能

DOM 作用：开发网页内容特效和实现用户交互

3.3 DOM树

DOM树是什么：

• 将 HTML 文档以树状结构直观的表现出来，我们称之为文档树或 DOM 树
• 描述网页内容关系的名词
• 作用： 文档树直观的体现了标签与标签之间的关系

3.4 DOM对象

• DOM对象：浏览器根据 html 标签生成的 JS对象

  • 所有的标签属性都可以在这个对象上面找到
  • 修改这个对象的属性会自动映射到标签身上
• DOM的核心思想

  • 把网页内容当做 对象来处理
• document 对象

  • 是 DOM 里提供的一个 对象
  • 所以它提供的属性和方法都是 用来访问和操作网页内容的

    • 例：document.write()