第四节课预习

DOM模型

1.是文档对象模型，是一个编程接口，它以树状结构来表示HTML或XML文档。在DOM中，每个HTML元素、属性、文本节点等都被视为一个对象，通过JavaScript可以创建、查询、修改和删除这些对象。

2.DOM树：一个页面的结构是一个树形结构，称为DOM树。页面中的每个HTML元素都是DOM树的一个节点，节点之间存在父子、兄弟等关系。

3.常见的DOM操作：

获取元素：document.getElementById(id)通过元素ID获取DOM元素对象

                  document.querySelector(selector)根据CSS选择器获取第一个匹配的DOM元素对象

修改元素：element.innerHTML用于获取或设置元素内的HTML内容

                  element.setAttribute(name, value)用于设置元素属性值

添加和删除元素：element.appendChild(newElement)向指定元素添加子元素                                                               element.removeChild(childElement)用于删除指定的子元素

BOM模型

1.是浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，以及其他子对象。

2.常见的BOM对象：window，locatiom，history以及navigator对象。

Web API

1.Web API是浏览器提供的一套操作浏览器功能和页面元素的API，主要包括BOM和DOM。

2.常用的Web API：

定时器API：setTimeout()在指定的时间延迟后执行一次指定的函数

                     setInterval()以固定的时间间隔重复执行指定的函数

存储API:  localStorage存储的数据在浏览器关闭后仍然存在

                sessionStorage存储的数据在关闭浏览器标签页后消失

事件API：window.onload在页面加载完成后触发

                 window.scroll在页面滚动时触发