本来是java程序员，但是工作过程中总是遇到各种js的任务得完成，所以也得慢慢积累啊！
一、浏览器对象模型（Browser Object Model）BOM
window对象：当前浏览器窗口
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
使用window对象的属性：window.xxx，也可以直接xxx调用
例：var element=document.getElementById("intro");
二、文档对象模型（Document Object Model）DOM
分三个部分：
- 核心 DOM - 针对任何结构化文档的标准模型
- XML DOM - 针对 XML 文档的标准模型
- HTML DOM - 针对 HTML 文档的标准模型
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。我们主要涉及HTML DOM
三、HTML DOM
1.HTML DOM 标准，HTML 文档中的所有内容都是节点：
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
所有节点组成DOM树，从根节点html开始，一级级向下。
既然有树，就有树的所有叫法：父（parent）、子（child）和同胞（sibling）。
DOM树中所有节点都可以通过js进行获取、修改、添加、删除。
2.一些常用的 HTML DOM 方法：
-
- getElementById(id) - 获取带有指定 id 的节点（元素）
- appendChild(node) - 插入新的子节点（元素）
- removeChild(node) - 删除子节点（元素）
一些常用的 HTML DOM 属性：
-
- innerHTML - 节点（元素）的文本值
- parentNode - 节点（元素）的父节点
- childNodes - 节点（元素）的子节点
- attributes - 节点（元素）的属性节点