JavaScript-Web API基本认知-什么是DOM和BOM

var、let、const选用

var or let or const ？
首先var 先排除，老派写法，问题很多，可以淘汰掉…
let or const ?
建议： const 优先，尽量使用const，原因是：const 语义化更好
很多变量我们声明的时候就知道他不会被更改了，那为什么不用 const呢？
实际开发中也是，比如react框架，基本const
如果你还在纠结，那么我建议：
有了变量先给const，如果发现它后面是要被修改的，再改为let

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

Web API作用和分类

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

什么是DOM

• DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API
• 白话文：DOM是浏览器提供的一套专门用来 操作网页内容 的功能
• DOM作用：开发网页内容特效和实现用户交互

什么是DOM树

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

DOM对象（重要）

• DOM对象：浏览器根据html标签生成的 JS对象
  • 所有的标签属性都可以在这个对象上面找到
  • 修改这个对象的属性会自动映射到标签身上
• DOM的核心思想
  • 把网页内容当做对象来处理
• document 对象
  • 是 DOM 里提供的一个对象
  • 所以它提供的属性和方法都是用来访问和操作网页内容的
    • 例：document.write()
  • 网页所有内容都在document里面

什么是BOM

l BOM(Browser Object Model ) 是浏览器对象模型

• window对象是一个全局对象，也可以说是JavaScript中的顶级对象
• 像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。
• 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法
• window对象下的属性和方法调用的时候可以省略window