JavaScript-02-操作篇（DOM,BOM,表单）

#一 操作BOM对象（重点）

BOM：浏览器对象模型

• IE
• Chrome
• Safari
• Firefox

1.1 window对象（❤）

代表浏览器窗口

1.2 Navigator对象

封装了浏览器的信息

1.3 screen对象

代表屏幕的尺寸

1.4 location对象（❤）

代表当前浏览器的地址栏

1.5 document对象（❤）

代表当前页面

获取具体的文档树节点，从而动态修改网页

获取cookie

1.6 history对象

代表浏览器的历史记录

二.操作DOM对象（重点）

DOM：文档对象模型

浏览器网页就是一个和DOM树形结构

2.4插入节点

当我们获得了某个DOM节点，想在这个DOM节点内插入新的DOM，应该如何做？
如果这个DOM节点是空的，例如， ，那么，直接使用 innerHTML = 'child'就可以修改DOM节点的
内容，相当于“插入”了新的DOM节点。
如果这个DOM节点不是空的，那就不能这么做，因为 innerHTML 会直接替换掉原来的所有子节点。
有两个办法可以插入新的节点。

• 方法一：追加已存在的节点
  使用 appendChild ，把一个子节点添加到父节点的最后一个
  子节点

因为我们插入的 js 节点已经存在于当前的文档树，因此这个节点首先会从原先的位置删除，再插入
到新的位置。

• 方法二：创建新节点
  因为我们插入的 js 节点已经存在于当前的文档树，因此这个节点首先会从原先的位置删除，再插入
  到新的位置。
  更多的时候我们会从零创建一个新的节点，然后插入到指定位置：

2.5 拓展

insertBefore

insertBefore 子节点会插入到节点前

三.操作表单（验证的过程）

表单是什么

form标签，但也是dom树上的节点

3.1 提交表单

这是原生代码，之后会使用jquery