前端——Web APIs

#博学谷IT学习技术支持#

一、Web APIs介绍

1、API的概念

API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。

2、Web API的概念

Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。

3、API 和 Web API 总结

（1）API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现

（2）Web API 主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。

（3）Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）

二、DOM介绍

1、什么是DOM

文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。

​ W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。

2、DOM树

DOM树 又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。

（1）文档：一个页面就是一个文档，DOM中使用document表示

（2）节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示

（3）标签节点：网页中的所有标签，通常称为元素节点，又简称为“元素”，使用element表示

三、获取元素

1、根据ID获取

语法：document.getElementById(id)

作用：根据ID获取元素对象

参数：id值，区分大小写的字符串

返回值：元素对象 或 null

2、根据标签名获取元素

语法：document.getElementsByTagName('标签名') 或者 element.getElementsByTagName('标签名')

作用：根据标签名获取元素对象

参数：标签名

返回值：元素对象集合（伪数组，数组元素是元素对象）

四、事件基础

1、事件概述

JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。

2、事件三要素

（1）事件源（谁）：触发事件的元素

（2）事件类型（什么事件）： 例如 click 点击事件

（3）事件处理程序（做啥）：事件触发后要执行的代码(函数形式)，事件处理函数

3、执行事件的步骤

（1）获取事件源

（2）注册事件（绑定事件）

（3）添加事件处理程序（采取函数赋值形式）

五、总结

今天的复习很短暂，我的分享就先到这咯！后面的任务越来越重啦，加油呀！